Code with Franck
Code with Franck
  • 131
  • 18 989
The Perfect Coffee App UI Design
Source code 👉 www.patreon.com/CodewithFranck
Join me in this exciting speed coding session as I build a modern and minimalistic coffee shop app UI using SwiftUI! Watch as I craft a sleek home screen with beautiful coffee cards, an intuitive menu layout, and a seamless order flow-all in real time. Perfect for developers looking for design inspiration or tips to create polished UIs quickly in SwiftUI. Don't blink-you might miss a tip! 🍵
Ui Design By Adhiari Subekti:
Follow Me: dribbble.com/shots/15475209-Coffee-Shop-Mobile-Apps-Dark-Mode
Follow Me:
Instagram: codewithfranck
Tiktok: www.tiktok.com/@code.with.franck
#coffeelove #swiftuiappdesign #mobileui
#swiftUI #iosdeveloper #iOSDevelopment #swiftuitutorial #MobileAppDevelopment #SwiftProgramming #codewithfranck
Переглядів: 129

Відео

Search Bar UI - SwiftUI - Speed Code
Переглядів 4721 день тому
Search Bar UI - SwiftUI - Speed Code - Dribble Design Ui Design By Adhiari Subekti: dribbble.com/shots/15475209-Coffee-Shop-Mobile-Apps-Dark-Mode 👍 Don’t forget to like, share, and subscribe for more in-depth iOS development tutorials. Leave a comment below if you have questions or suggestions! Happy Coding! 😊 #swiftUI #iosdeveloper #iOSDevelopment #swiftuitutorial #MobileAppDevelopment #SwiftP...
Profile Image UI - SwiftUI - Speed Code
Переглядів 8021 день тому
Profile Image UI - SwiftUI - Speed Code - Dribble Design Ui Design By Adhiari Subekti: dribbble.com/shots/15475209-Coffee-Shop-Mobile-Apps-Dark-Mode 👍 Don’t forget to like, share, and subscribe for more in-depth iOS development tutorials. Leave a comment below if you have questions or suggestions! Happy Coding! 😊 #swiftUI #iosdeveloper #iOSDevelopment #swiftuitutorial #MobileAppDevelopment #Swi...
Menu UI - SwiftUI - Speed Code
Переглядів 14728 днів тому
Menu UI - SwiftUI - Speed Code - Dribble Design Ui Design By Adhiari Subekti: dribbble.com/shots/15475209-Coffee-Shop-Mobile-Apps-Dark-Mode 👍 Don’t forget to like, share, and subscribe for more in-depth iOS development tutorials. Leave a comment below if you have questions or suggestions! Happy Coding! 😊 #swiftUI #iosdeveloper #iOSDevelopment #swiftuitutorial #MobileAppDevelopment #SwiftProgram...
🔥 #13 - SwiftUI ScrollView Picker Tutorial: Set Quiz Question Count with Ease!
Переглядів 3033 місяці тому
In this video, I’ll walk you through creating a custom ScrollView picker in SwiftUI to let users set the number of questions for a quiz. Perfect for building a flexible and intuitive quiz app, this tutorial covers everything you need to add a smooth, customizable picker interface. Whether you’re new to SwiftUI or looking to enhance your app’s settings, follow along to make your quiz more dynami...
🔥 Building a Reusable Card View in SwiftUI #09
Переглядів 1764 місяці тому
🔥 Building a Reusable Card View in SwiftUI #09
🔥 How to Build a SwiftUI Image Picker UI: Step-by-Step Guide #08
Переглядів 1894 місяці тому
🔥 How to Build a SwiftUI Image Picker UI: Step-by-Step Guide #08
🔥 Building a Custom TabBar in SwiftUI - Complete Tutorial #07
Переглядів 1804 місяці тому
🔥 Building a Custom TabBar in SwiftUI - Complete Tutorial #07
🔥 How to Add a Bottom Sheet in SwiftUI - Step-by-Step Guide #06
Переглядів 1024 місяці тому
🔥 How to Add a Bottom Sheet in SwiftUI - Step-by-Step Guide #06
🔥 Reusable Title Styles in SwiftUI | Clean & Consistent Design #05
Переглядів 844 місяці тому
🔥 Reusable Title Styles in SwiftUI | Clean & Consistent Design #05
🔥 Mastering resusable Card Views in SwiftUI #04
Переглядів 1264 місяці тому
🔥 Mastering resusable Card Views in SwiftUI #04
🔥 Mastering Card Views in SwiftUI #03
Переглядів 1674 місяці тому
🔥 Mastering Card Views in SwiftUI #03
🔥 Creating a Custom Profile Image with SwiftUI #02
Переглядів 1354 місяці тому
🔥 Creating a Custom Profile Image with SwiftUI #02
🔥 Using Google Sheets as a Database #01
Переглядів 2375 місяців тому
🔥 Using Google Sheets as a Database #01
🔥 Building a Quiz App with SwiftUI (and why you should care) #0
Переглядів 4505 місяців тому
🔥 Building a Quiz App with SwiftUI (and why you should care) #0
🔥 Unlocking the Power of Popover Tips with TipKit in SwiftUI
Переглядів 865 місяців тому
🔥 Unlocking the Power of Popover Tips with TipKit in SwiftUI
Building a Quiz App in SwiftUI
Переглядів 625 місяців тому
Building a Quiz App in SwiftUI
Building a Quiz App in SwiftUI
Переглядів 775 місяців тому
Building a Quiz App in SwiftUI
🔥 Mastering Inline Tips with TipKit in SwiftUI
Переглядів 515 місяців тому
🔥 Mastering Inline Tips with TipKit in SwiftUI
🔥 Creating a Scrollable Tab Bar: SwiftUI Tutorial Essentials
Переглядів 1735 місяців тому
🔥 Creating a Scrollable Tab Bar: SwiftUI Tutorial Essentials
🔥Creating a Donut Chart with SwiftUI
Переглядів 675 місяців тому
🔥Creating a Donut Chart with SwiftUI
🔥Creating a Modular Bottom Sheet in SwiftUI: A Step-by-Step Guide
Переглядів 1105 місяців тому
🔥Creating a Modular Bottom Sheet in SwiftUI: A Step-by-Step Guide
🔥Building Single Selection List Items in SwiftUI: A Step-by-Step Guide
Переглядів 2285 місяців тому
🔥Building Single Selection List Items in SwiftUI: A Step-by-Step Guide
🔥Firebase SignUp in SwiftUI: the easiest way | Log In & Sign Up with Firebase #32
Переглядів 675 місяців тому
🔥Firebase SignUp in SwiftUI: the easiest way | Log In & Sign Up with Firebase #32
🔥Sign Out in SwiftUI with Firebase | Log In & Sign Up with Firebase #31
Переглядів 575 місяців тому
🔥Sign Out in SwiftUI with Firebase | Log In & Sign Up with Firebase #31
🔥Get to our main view | Log In & Sign Up with Firebase #30
Переглядів 416 місяців тому
🔥Get to our main view | Log In & Sign Up with Firebase #30
🔥Firebase Authentication in SwiftUI | Log In & Sign Up with Firebase #29
Переглядів 1606 місяців тому
🔥Firebase Authentication in SwiftUI | Log In & Sign Up with Firebase #29
🔥Mastering Regex for Password Validation | Log In & Sign Up with Firebase #28
Переглядів 786 місяців тому
🔥Mastering Regex for Password Validation | Log In & Sign Up with Firebase #28
🔥Mastering Regex for Email Validation | Log In & Sign Up with Firebase #27
Переглядів 466 місяців тому
🔥Mastering Regex for Email Validation | Log In & Sign Up with Firebase #27
🔥 Your Email validation is terrible | Log In & Sign Up with Firebase #26
Переглядів 646 місяців тому
🔥 Your Email validation is terrible | Log In & Sign Up with Firebase #26

КОМЕНТАРІ

  • @nixkuroi
    @nixkuroi 2 дні тому

    This seems to be loading a web browser for each gif image being displayed, so if I have to display 12 gifs in one control, that's 12 different instances of a web browser? Is there a better way to do multiple gifs (that have to be clickable) at once?

  • @Crocpak
    @Crocpak 12 днів тому

    I have added the package but get a No such module error when i import it???

    • @CodewithFranck
      @CodewithFranck 12 днів тому

      May be try this instead 🔥Swift UI - How to display Gif ua-cam.com/video/DUOrei4n7Mo/v-deo.html

  • @subhayughosh8731
    @subhayughosh8731 16 днів тому

    do not use song give code ditales and what u r writhing with it do not use song

  • @SwiftCoding55-x9f
    @SwiftCoding55-x9f 22 дні тому

    Mind mingle app is fire. The logic written is good and happy with source code can help me continue with my app quiz project.

  • @priyathamanisetty
    @priyathamanisetty Місяць тому

    struct ExpandableView: View { @State var isExpanded: Bool = false var body: some View { VStack { HStack { Text("Ingredients") .font(.headline) .foregroundColor(.black) Spacer() Button("Add") { // Add Button Tapped } Button { debugPrint("Hide / show") isExpanded.toggle() } label: { Image(systemName: isExpanded ? "chevron.up" : "chevron.down") .imageScale(.large) .foregroundStyle(.tint) } } .padding() if isExpanded { // View to show when expanded } } .background(Color.white) .cornerRadius(10) .shadow(radius: 5) .padding(.horizontal) } }

  • @priyathamanisetty
    @priyathamanisetty Місяць тому

    Really, you want users to Get a subscription for this source code ??

    • @CodewithFranck
      @CodewithFranck Місяць тому

      You don’t have to get a subscription-you can simply follow the video and build it yourself. The subscription gives you access to the source code for this video and others, plus it’s a great way to support the channel and help me create more content like this.

  • @semenyotogbe1201
    @semenyotogbe1201 Місяць тому

    Good job. The flow really helps to understand. Thank you very much.

  • @josiasmayo7203
    @josiasmayo7203 Місяць тому

    thank you very much, this is a useful functionality ,

  • @HarrisonCarroll-r7d
    @HarrisonCarroll-r7d 2 місяці тому

    Where is the full videos for the whole quiz app?

  • @blocksun4945
    @blocksun4945 3 місяці тому

    Thanks for updating every year!

  • @captaintimon
    @captaintimon 3 місяці тому

    at 5:17 how come my Xcode doesn't show that vertical line with the arrow, how to enable it so i can also hide parts of the code?

    • @CodewithFranck
      @CodewithFranck 3 місяці тому

      To toggle the code folding ribbon, follow these steps: 1. Open Settings. 2. Navigate to Text Editing. 3. Look for the option labeled Code Folding Ribbon and you can toggle it on or off.

    • @captaintimon
      @captaintimon 3 місяці тому

      @@CodewithFranck thank you!!!!!

  • @ilyasilyas-rk4zl
    @ilyasilyas-rk4zl 4 місяці тому

    for cornerradius is going to be deprecated in future version use instead .clipShape(RoundedRectangle(cornerRadius: 20))

  • @victortejeda4782
    @victortejeda4782 4 місяці тому

    Thanks espero aprender mucho lo estaré haciendo en estos días y integrar nuevas funciones jjj gracias

    • @CodewithFranck
      @CodewithFranck 4 місяці тому

      ¡Gracias por tu comentario! Me alegra que estés interesado en aprender más. Estoy seguro de que con práctica irás integrando nuevas funciones con éxito. ¡Sigue adelante y no dudes en preguntar si necesitas ayuda!

  • @DikoDiko-fu1xo
    @DikoDiko-fu1xo 5 місяців тому

    you are amazing. Thank you

    • @CodewithFranck
      @CodewithFranck 5 місяців тому

      Thank you so much! I’m glad you enjoyed it. Feel free to share the playlist with others!

  • @SwiftCoding55-x9f
    @SwiftCoding55-x9f 5 місяців тому

    When are you teaching us to make this on Xcode. Nice app btw. Teach us the whole quiz app.

    • @CodewithFranck
      @CodewithFranck 5 місяців тому

      Thanks so much! I'm actually working on creating a course right now that will teach you how to build this entire quiz app in Xcode using SwiftUI. Stay tuned-I'll be sharing more soon!

  • @Flakemonkey
    @Flakemonkey 5 місяців тому

    Your videos are excellent learning material. 100's of other channels out there but you take time to explain what you plan on doing and why you are coding it that way. Also your pacing is perfect with no unnecessary cuts or pointless background music. Also your narration speed is easier to follow. Best wishes.

    • @CodewithFranck
      @CodewithFranck 5 місяців тому

      Thank you so much! I'm really glad to hear that you find the pacing and explanations helpful. I try to make sure everything is clear and easy to follow, so your feedback means a lot. Best wishes to you too!

  • @najmunllc
    @najmunllc 5 місяців тому

    Hi, I am using version 13.4 which doesn't support swiftData so I am using coreData which doesn't support adding .modelContainer(for: Note.self). what can I use to replace this? thanks

  • @najmunllc
    @najmunllc 5 місяців тому

    hi, i am working with xcode 13.4 because of my mac model how can i substitute for ContentUnavailableView and presentationDentents?? I am getting errors the value of type 'NoteSheet" has not member. And when I change ContentUnavailableView to ContentView the error is "Argument passed to call that takes no arguments for the label: {}?

    • @amansinghchauhan5641
      @amansinghchauhan5641 3 місяці тому

      Text("No Notes") .font(.title2) .foregroundColor(.gray) .multilineTextAlignment(.center) .padding() .offset(y:200)

  • @najmunllc
    @najmunllc 5 місяців тому

    hi, i'm using xcode 13.1 and the ContentUnavailableView is not found. Is there a substitute such as just placing "ContentView"?? thanks

  • @Ryland-tu6pj
    @Ryland-tu6pj 5 місяців тому

    how to do it tho

    • @CodewithFranck
      @CodewithFranck 5 місяців тому

      ua-cam.com/video/gbO3Jc1XaX4/v-deo.html

    • @Ryland-tu6pj
      @Ryland-tu6pj 5 місяців тому

      @@CodewithFranck thanks

  • @Robert-l8j8e
    @Robert-l8j8e 5 місяців тому

    When I run this series in dark mode, none of the black text is visible on the phone. Is there a separate code to change the font color of the black text to white in dark mode?

  • @Robert-l8j8e
    @Robert-l8j8e 6 місяців тому

    This video series was great! Thank you.

  • @bakhshishsingh1943
    @bakhshishsingh1943 6 місяців тому

    Thanks man love ya! Keep it up!

    • @CodewithFranck
      @CodewithFranck 6 місяців тому

      I'm really glad you're enjoying the content. Your message means a lot to me!

  • @saifhendal1136
    @saifhendal1136 7 місяців тому

    HStack(alignment: .top) { Button { self.isChecked.toggle() } label: { Image(systemName: !isChecked ? "square" : "checkmark.square.fill") .foregroundStyle(.myPrimary) } HStack(spacing: 0) { Text("By clicking signup you agree to our ") Button { }label: { Text("Terms & Conditions") .bold() } } .foregroundStyle(.black.opacity(0.8)) .font(.caption2) .lineLimit(2) } .padding(.top) .frame(maxWidth: .infinity, alignment: .leading) .padding(.horizontal)

  • @jonjames1998
    @jonjames1998 7 місяців тому

    Thank you for the video playlist, awesome stuff!! Im having an error in the NoteSheet>ToolbarItemGroup: } } .toolbar { ToolbarItemGroup(placement: .topBarLeading)} Button("Cancel") { dismiss() } Error: Static method 'buildExpression' requires that 'ToolbarItem<(), some View>' conform to 'View' I need help pls, any insight? I've tried lots of ChatGPT diff codes and still getting same error. Thank you!

    • @CodewithFranck
      @CodewithFranck 7 місяців тому

      Thank you for your warm message. Debugging can be tricky sometimes, you can get the source code of the app here: www.patreon.com/CodewithFranck

    • @lifewithizhan9648
      @lifewithizhan9648 6 місяців тому

      same for me.

  • @rickevertsz
    @rickevertsz 7 місяців тому

    Nice and clear. Thanks!

    • @CodewithFranck
      @CodewithFranck 7 місяців тому

      Thank you! I'm glad you found it clear and helpful. 😊 If you have any questions or need further explanations, feel free to ask!

  • @lordfresh
    @lordfresh 7 місяців тому

    Give us the fucking code please

  • @hoehoeabi
    @hoehoeabi 7 місяців тому

    Thx your great Swift class bro :))))

  • @canixtchambeu6698
    @canixtchambeu6698 8 місяців тому

    Amazing, thank you

  • @evelynlima5616
    @evelynlima5616 8 місяців тому

    How to make just one selection only?

    • @CodewithFranck
      @CodewithFranck 8 місяців тому

      Take a look at this video: 🔥Building Single Selection List Items in SwiftUI: A Step-by-Step Guide ua-cam.com/video/7Pm30saB-qw/v-deo.html

  • @OdetteNguinda
    @OdetteNguinda 9 місяців тому

    Thank you very much sir🙏 i was very limited

  • @imam_robani
    @imam_robani 9 місяців тому

    please make video integrate with rest API

  • @imam_robani
    @imam_robani 9 місяців тому

    cool

  • @سهامالشريف-ر3ه
    @سهامالشريف-ر3ه 9 місяців тому

    I want bond firebase with flutter and at choose there is kotlin and groovy ,what should I choose.?

  • @curmynation
    @curmynation 9 місяців тому

    amazing tutorial! could you put the link of the code please?

    • @CodewithFranck
      @CodewithFranck 7 місяців тому

      Thank you! Sure here's the link www.patreon.com/CodewithFranck

  • @NuroWebMastery
    @NuroWebMastery 10 місяців тому

    💯

  • @edgardoenc
    @edgardoenc 10 місяців тому

    Nice work. Will there be a video #07 for this tutorial?

  • @mayurpatel6731
    @mayurpatel6731 10 місяців тому

    This is not checkbox, rather a radio button. The reason being that the checkboxes are not mutually exclusives, i.e. you can only select one item from a list of options. Radio buttons are mutually exclusives/

    • @evelynlima5616
      @evelynlima5616 8 місяців тому

      Just change the image name to checkmark.square

    • @CodewithFranck
      @CodewithFranck 8 місяців тому

      It's the other way around, with checkboxes you can select any amount of options but with radio buttons you have to select exactly one choice

  • @jimmason4723
    @jimmason4723 11 місяців тому

    Will you be doing a video on how to build this App

  • @OhadYaniv-z8v
    @OhadYaniv-z8v 11 місяців тому

    Great tutorial! Can you show how to combine a stackview into the card view - adding subviews controlled by the rootview and moving into another view by tapping any image?

  • @franckmbeutcha2738
    @franckmbeutcha2738 11 місяців тому

    Thank you

  • @toddlask
    @toddlask 11 місяців тому

    cool