In this chapter, you modified the cells inside the Explore, Restaurant List, and Locations screens to match the design shown in the app tour.

For the Explore screen, you added labels and a view to the collection view section header, configured the button with a custom image, and modified the exploreCell collection view cell by adding an image view and a label to it, as well as the required constraints.

For the Restaurant List screen, you modified the restaurantCell collection view cell by adding labels, buttons and an image view to it, configured it to show a default image, and added the necessary constraints.

For the Locations screen, you configured a prototype cell for the table view and set the identifier for the table view cells to locationCell.

You now have experience on how to use Interface Builder to add and configure multiple user interface elements, set their sizes and positions using the Size inspector, and apply the necessary constraints using the Add New Constraints and Align buttons to ensure compatibility with different screen sizes and orientations. This will be useful when you design your own user interfaces. You should also be able to easily prototype the appearance and flow of your own apps.

At this point, you're now finished with the storyboard and design setup. You can go through every screen that your app is supposed to have and see what they look like, even though none of the screens have actual data in them. If this app was a house being built, it's as though you've built all of the walls and floors, and the house is now ready to have the interior done. Great job!

This concludes Section 2 of this book. In the next part, you'll begin to type in all of the code required for your app to work. In the next chapter, you'll start by learning more about the Model-View-Controller design pattern. You'll also learn how collection views work, which are crucial for understanding how the Explore and Restaurant List screens work.