Build a Recipe App from scratch with SwiftUI - Part 1

Learn how to build a recipe app that is inspired by Spiciko. This app is going to allow us to store recipes, browse them, organize them by categories and view the details of a certain recipe. We can also add a new recipe to our collection. We will cover basic tab bar, data model, grid layout, AsyncImage and code splitting in this first part of the project.

0:00 - Introduction
1:03 - Demo app
1:40 - Project set up
4:37 - Tab bar
9:10 - Data model
13:29 - Recipe card
14:57 - AsyncImage
22:29 - Recipe list
29:06 - Recipe view
37:42 - Recipe categories

#swiftui #swift #iosdev

[gbp]

It's very good!
keep making applications like this, that one learns a lot, congratulations and greetings from Argentina.
Mary

[Lianable]

Great tutorial, I will try to create an App for my recipe, thank for your tutorial!

[wmblemania]

A small correction: $0, $1 etc. are not wildcards.
Rather, they are Shorthand Argument Names.
i.e. instead of using declaring argument names in closures, they are a shorthand for referring to the first, second etc. arguments.
Cheers.

[petiageraskova]

Thank you for this great tutorial! Will there be part 3 for the "Favourites" and "Settings" tabs?

[kyletaborski]

In RecipeView I changed the
`.frame(height: 300)`
to
`.scaledToFill()
.frame(height: 300, alignment: .center)
.clipped()`
because the vertical images I had were overflowing into the recipe title and description.

[wmblemania]

The Auto Layout errors are due to the underlying SwiftUI implementation.
Don't worry about them... they are implementation details (SwiftUI really uses UIKit components under the hood, as well as UIKit's Auto Layout), and you can't do anything realistic about them, except that hope Apple will fix these issues eventually.

[louislaw]

Nice tutorial!!
At 35:00, i found the I need to set ".frame(maxWidth: UIScreen.main.bounds.width)" for AsyncImage, otherwise, this image will goes off the screen and all vstack container below goes off the screen as well (those description, incredients, etc)

but why this is happening for me and not you?

[xavierweber]

Thanks for sharing, very helpful! When's part 2 coming? :)

[Lilitnandy]

hey, thanks for the video, how do I put recipes in multiple categories, please let me know, thanks

[bugsyace]

Before I watch this I just would like to know if there Are there many changes to this with ios16 I need to know about, and if so where?

[gosiar]

can a recipe fall in two categories at once (e.g., a dish being a salad and a side)?

[carmineloschiavo]

I’m enjoying you tutorial so far but I’m not sure how you got the list of recipes at 12:25 in the video.

[ruiivanho]

My image size is interfering with the frame my text is going if the screen, help please?

[thezlodej]

is nice but page of reciept doesn't fit to the Iphone, because in preview is okay but when you put on iphone it code of padding and maxwhidh doesn't fit and go over screen, so actualy i strugle to fix.. any solution???

[relax_music]

very good ! how do get real-time data?

[alexsvlogs]

@DesignCode can you show a server response with HTTP response JSON format for this project?

[igor]

Too small font in Xcode for YouTube video

[hangoversamuiadmin]

You can change + "s") to and it works fine

[ajitraj]

In my xcode AsyncImage not working it's showing error that cannot find this in scope so plz help me

[bob.guidedourmand]

Hello, thank you for this tutotial. How should I do if I want the category labels to be images (as such as the recipe cards, but with one image per category) ? Thank you