1. Let’s set up the SwiftUI project in Xcode

1. Let’s set up the SwiftUI project in Xcode

Let’s set up our iOS project in Xcode. In this section, we will build an Avocado Recipes app with SwiftUI. This iOS app has a quite slick design and it supports both the tall iPhone and the wide iPad screens.

Let’s set up our SwiftUI project as usual. Download the resources from this section, place them on the Desktop, and unzip them by clicking on the package. 

The provided package contains 3 folders marked with the Swift logo and supplementary workbook files in PDF and ePub formats. This workbook shows you the main objectives of this project.

As in the first section, the completed project is in the green folder. The finished project with the source codes may help you when you are stuck and need some quick help.

The next folder is the red one. This contains all of the resources you will need to build the Avacodo Recipes app.

The final blue folder is the student’s folder. We are going to create and save your app in this place, so it’s empty for now. 

Without further ado, let’s set up the Xcode project.

Avocado App

Buy nowLearn more

Introduction

  • What you will learn and develop?

Resources

  • SwiftUI-App-Workbook-Avocado.pdf
  • SWIFTUI-APP-AVOCADO.zip
  • Avocados-iOS-App.zip

Lectures

  • Preview Video
  • 1. Let’s set up the SwiftUI project in Xcode
  • 2. Supporting Dark Mode in iOS App Interface with SwiftUI
  • 3. Let's create a Launch Screen and support the Light and Dark modes in iOS
  • 4. Create a user interface with tabs (TabView) in SwiftUI
  • 5. Let's build the Avocado home view with SwiftUI animation
  • 6. Let's design the layout of the header in Xcode
  • 7. Let's fetch the data for the Header with Swift
  • 8. How to create a interesting layout with SwiftUI - Best Dishes with Avocado
  • 9. Avocado Facts and Why Modifier Order Matters in SwiftUI
  • 10. Fetching the Avocado Facts’ Data with SwiftUI
  • 11. Let's Design the Recipe Cards with SwiftUI and Present the Avocado Recipes
  • 12. Let's Create the Avocado Recipe Detail View in Xcode
  • 13. How to Present a New View with using SwiftUI Sheets
  • 14. Let's Design the Avocado Ripening View with SwiftUI in Xcode
  • 15. Let's present all of the stages of the Avocado ripening with SwiftUI
  • 16. How to Build a Basic Form UI for iOS with SwiftUI