🔴 NEW SwiftUI Airbnb Clone | iOS 17 | Xcode 15

  Переглядів 32,527

AppStuff

AppStuff

День тому

Let's build Airbnb with SwiftUI!
🔴 SwiftUI Airbnb Pro Course:
appstuff.teachable.com/p/swiftui-airbnb-pro
🔴 Become a member to access Exclusive Content & Source Code :
www.stephancodes.com/plans-pr...
🔴 Source Code:
www.stephancodes.com/product-...
🔴 Swift Fundamentals Bootcamp
• 🔴 Coding Bootcamp For ...
🔴 SwiftUI Networking Masterclass
• Swift Networking Maste...
🔴Navigation Stacks:
• This NEW SwiftUI Featu...
🔴@State vs @Binding video:
• NEVER Confuse @State v...
🖥️ ONLINE COURSES & APPS
👉 Pro Courses:
www.stephancodes.com/videos
👉 iOS App Templates:
www.stephancodes.com/shop
👉 FREE Twitter SwiftUI Course
• 🔴 Let's Build Twitter ...
Chapters
0:00 - Intro
1:32 - Project Setup
04:35 - Explore View UI
19:42 - Custom Search Bar
26:34 - Listing Detail View
49:09 - Listing Detail View Pt. 2
1:08:40 - Destination Search View
1:35:54 - Destination Search View Pt. 2
1:52:05 - Finish UI
2:08:09 - Listing Data Model
2:21:00 - Data Model Injection
2:38:47 - Listing Map View
2:46:02 - Listing Search By Region
3:07:08 - Course Wrap Up & Source Code
Social Media:
Instagram - @stephan.dowless
Instagram - @appstuffllc

КОМЕНТАРІ: 51
@sassesidimohamed7444
@sassesidimohamed7444 Місяць тому
I spent like an hour trying to get the stepper to work and nothing seemed to fix it until I realized that I paused the video just before you mentioned this issue lol, this video was of great help.THANK YOU
@bordernflgurus4414
@bordernflgurus4414 6 місяців тому
Stephan is simply the best. He explains things in a way that makes it understandable even for a noob like me. Thanks Stephan
@dxulet
@dxulet 6 місяців тому
I watched your video in one go. I was in the flow, man, thanks for your video!
@user-ic8rm2zf7v
@user-ic8rm2zf7v 6 місяців тому
Awesome Stephan as always
@mEtAlMaNiAc787
@mEtAlMaNiAc787 6 місяців тому
the goat is back!
@chovuse
@chovuse 3 місяці тому
Great tutorial ! Got me inspired to try it out. Thank a lot ! 👍
@imam_robani
@imam_robani 5 місяців тому
Simple and easy to understand. Thanks, keep going with another video with swiftui. next maybe integrate with some api?
@abdouett3676
@abdouett3676 6 місяців тому
Thanks for sharing! The accent color allows to change the navigation link components color without do it manually one by one!! Also, the .contentMargins is the new modifier that allows to add margins to a scrollview.
@chrisifwax101
@chrisifwax101 6 місяців тому
Amazing stuff, i love your videos
@KivaDang
@KivaDang 6 місяців тому
Thanks Stephan!
@linglinglin6717
@linglinglin6717 6 місяців тому
Great video! Question, Does the pro version include how to calculate the total price and fetch data to the cloud database? Thank you!
@hugopeyron5949
@hugopeyron5949 6 місяців тому
Big fan of your work! Would be awesome if you could do Duolingo next time.
@ugayashan8659
@ugayashan8659 6 місяців тому
Hi Stephan, can you please let me know, if this app is fully responsive on different devices? if not what what measurements should take into consideration.
@YoSoyRaulTV
@YoSoyRaulTV 5 місяців тому
Really useful
@jerip.m9545
@jerip.m9545 2 місяці тому
good and clear
@LDLefebvre
@LDLefebvre 6 місяців тому
It would be great to have a video to see how to implement payment method for such a marketplace, there is no video online explaining how to do it
@dotnetdevni
@dotnetdevni 6 місяців тому
Its all well and good people doing good ui but for love of god hook it up to a dummy api shows us all
@munavarpm5342
@munavarpm5342 6 місяців тому
Yes!
@paulo.mendes
@paulo.mendes 6 місяців тому
nice
@JeanBaptisteChabi
@JeanBaptisteChabi 26 днів тому
I've never used swift ui, but it seems too easy 😂
@nordicest
@nordicest 4 місяці тому
I understand this Pro course does not include creating a listing and no booking process. Just 2 different user types right? And does any of the Pro courses includes Passkeys or Apple authentication?
@gizaLook
@gizaLook 6 місяців тому
Wooooww Cool
@aleks_lip
@aleks_lip 6 місяців тому
Great video! Quick question, at 59:47 you create an overlay. Why not go with toolbar + ToolBarItem instead?
@ervin9805
@ervin9805 3 місяці тому
crappy that he doesn't respond
@Glymaxus
@Glymaxus 6 місяців тому
Hello and thank you for this sharing ! In your course do you implement the search with dates ? You are not explaining what is new on your website si I can't know and I want to be sure before buying
@miguel7986
@miguel7986 3 місяці тому
Hello, in case you bought it, could you tell me if the pro version includes api integration? Thanks!
@Hgvpuncher
@Hgvpuncher Місяць тому
@@miguel7986 No it doesn't. But he has another tutorial app called Threads. The full version on his website has api integration
@pickeld5616
@pickeld5616 3 місяці тому
Are you Stephan Dowless in Udemy?
@parkerrex
@parkerrex 6 місяців тому
Hell ya
@munavarpm5342
@munavarpm5342 6 місяців тому
Bruhhh what an class bruhhh when we say's thanks it get lighter for this no words bruhhh.✨ What is the motivation to you share thus course to us free? I'm very glad want to know that✨.
@appstuff5778
@appstuff5778 6 місяців тому
Just trying to give back to community man! iOS development has given me a life I used to dream about. I’m trying to help others accomplish their goals and do the same :)
@user-tk8gv3om5t
@user-tk8gv3om5t 6 місяців тому
Can you create a UKposts Using SwiftUI
@KiddoQuestHub
@KiddoQuestHub 6 місяців тому
hi guys did anyone found the issue of the stepper why we have to hard click to inc or dec ? its so annoying to keep hard click to inc it btw thx a lot Steve for the massive tutorial
@appstuff5778
@appstuff5778 6 місяців тому
Yeah it’s strange that you have to long press. I will look into a solution!
@samuelray5425
@samuelray5425 4 місяці тому
I think that the onTapGesture of the section is interfering with the buttons. I went and moved the on tap gesture to CollapsedPickerView itself instead of the VStack. That way when you're in the expanded state, the onTapGesture for that section is no longer in effect. I also was having the same issue with the date picker and this solved that too.
@xVinoz
@xVinoz 4 місяці тому
@@samuelray5425 That doesnt work cause instead of being able to click in any part of the UI component instead you'll have to click on any of the text's to trigger the tapGesture which is a bad UX.
@xVinoz
@xVinoz 4 місяці тому
This is an iOS 17.1 bug that needs to be fixed by Apple. A more or less acceptable approach is to use an ‘if’ statement to create any of the components inside a VStack with all the modifiers. However, you will see the transition a little rough when the date component gets deselected. The same goes for the Stepper. Our TapGesture's and the Gesture's of the datepicker and Stepper get overlapped if selectedOption == .dates { VStack(alignment: .leading){ Text("When's your trip?") VStack { DatePicker("From", selection: $startDate, displayedComponents: .date) .foregroundStyle(.white) Divider() DatePicker("To", selection: $endDate, displayedComponents: .date) .foregroundStyle(.white) } } .padding() .frame(height: selectedOption == .dates ? 180 : 64) .foregroundStyle(.white) .background(.pink) .clipShape(RoundedRectangle(cornerRadius: 12)) .padding() .shadow(radius: 6) } else { VStack(alignment: .leading){ CollapsedPickerView(title: "When", description: "Add dates") } .padding() .frame(height: selectedOption == .dates ? 180 : 64) .foregroundStyle(.white) .background(.pink) .clipShape(RoundedRectangle(cornerRadius: 12)) .padding() .shadow(radius: 6) .onTapGesture { selectedOption = .dates } }
@techwithchavan4986
@techwithchavan4986 4 дні тому
Could you please do it in UIKit as well
@appstuff5778
@appstuff5778 3 дні тому
I am launching a UIKit course this month :) It will be covering the basics of UIKit and building a crypto app as the final project
@magicsaviola
@magicsaviola 6 місяців тому
Please an Amazon clone 😂 or mercado libre, saludos desde México
@sunr8152
@sunr8152 5 місяців тому
This is what a newbie would do: *proceed to describe what I would do* Thanks for that advice though! :D
@90KidMemory
@90KidMemory Місяць тому
date picker not opening on single click because parent stack has tap gesture. Anyone facing this issue. Kindly help me
@kostaskoliolios9648
@kostaskoliolios9648 19 днів тому
same here
@surajsharma3218
@surajsharma3218 3 місяці тому
What's the architecture we've used in this app ?
@appstuff5778
@appstuff5778 3 місяці тому
MVVM
@usmanmarkaz
@usmanmarkaz 6 місяців тому
Please also make this with React native
@yagelProject
@yagelProject Місяць тому
Hello. Can you please tell me how to make an array? I have a hotel in different cities. I added [String] but now this line is complaining. `$0.state.lowercased() == searchLocation.lowercased()`. Value of type '[String]' has no member 'lowercased' What should I add there ? To make it an array?
@yagelProject
@yagelProject Місяць тому
There are two cities. How do you make a different one for each hotel ? let region = MKCoordinateRegion( center: listing.city == "Miami" ? .miami : .losAngeles, span: MKCoordinateSpan( latitudeDelta: 0.1, longitudeDelta: 0.1 ) )
6 Ways to Master iOS Development
7:33
Sean Allen
Переглядів 23 тис.
одни дома // EVA mash @TweetvilleCartoon
01:00
EVA mash
Переглядів 5 млн
didn't want to let me in #tiktok
00:20
Анастасия Тарасова
Переглядів 1,4 млн
SwiftData Basics in 15 minutes
15:18
CodeWithChris
Переглядів 33 тис.
Xcode 15 Tutorial for Beginners (2024)
45:39
CodeWithChris
Переглядів 4,9 тис.
Most overpowered way to build mobile apps?
8:33
Beyond Fireship
Переглядів 676 тис.
SwiftUI Data Flow in iOS 17 - Observation & @Observable
7:57
Sean Allen
Переглядів 38 тис.
НЕ ПОКУПАЙТЕ НОВЫЙ СМАРТФОН, ПОКА НЕ ВЫШЕЛ ЭТОТ [2024]
13:25
Thebox - о технике и гаджетах
Переглядів 66 тис.
The PA042 SAMSUNG S24 Ultra phone cage turns your phone into a pro camera!
0:24
Компьютерная мышь за 50 рублей
0:28
dizzi
Переглядів 2,1 млн
Vortex Cannon vs Drone
20:44
Mark Rober
Переглядів 13 млн