Concept

Avocados is the most feature-rich and complex project built as a part of this series. The app is a food avocado lovers' dream, bringing together facts, recipes, a ripeness chart, and nutritional information in an elegant and engaging UI. Additionally, the project introduces the Form container, allowing for easily structured content to be displayed or collected by the app.

Solution

This app is comprised of four main views, each delivering specialized content. The primary navigation is managed through a standard TabView container which displays each view upon user selection. These views are comprised of dynamic components which parse their content and display it in each respective view based on structured loops.

Similar to previous app builds with static content, the data utilized by the application is stored as a struct in the on-device app storage itself, allowing for fast retrieval and permanent storage of all data. Components such as the recipe views which consume this data, parse each element -including the step-by-step instructions- and display the data in responsive ScrollView containers which adapt to the length of the content displayed within them.

This app features several nested elements, including varying navigation components, and elements such as the bookmarking and rating icons which simulate user interaction within the app. In addition to these complex SwiftUI layouts, the Avocado app introduces the Form container. This container type is utilized to provide a structured interface for the app settings, and automatically adapt the design to respond to user input.