Build a SwiftUI chat app with Firestore from scratch

Поділитися
Вставка
  • Опубліковано 22 сер 2024

КОМЕНТАРІ • 69

  • @ID_Station
    @ID_Station Рік тому

    Oh my girl is back with another video that we can actually take and turn into our own thing. Amazing

  • @g43s
    @g43s 2 роки тому +10

    Nice video! id love a second part where you could add users and enable recieving messages and authentication

    • @ericdraven7857
      @ericdraven7857 20 днів тому

      That’s where you would come in and do it yourself.

  • @enriqueavina6827
    @enriqueavina6827 2 роки тому +4

    Your tutorial has been so incredibly helpful for a new Swift developer. Thank you so much! So concise!

  • @rendem8168
    @rendem8168 Рік тому +3

    You’ve made it look so easy, this is something I can actually try and recreate. You showed where everything is coming from. I hope you have a part 2 for the receiver to message back and also to have a group chat.

  • @pat_trudel
    @pat_trudel 2 роки тому +2

    Love this channel, great videos
    I am advanced in UIKit but enjoy these videos to learn more about SwiftUI
    Keep it up! (Also from Montreal 🇨🇦)

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому

      Glad they’re helpful! Hello from Montreal!

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

      @@DesignCodeTeam ask Stephanie why she didn't use the keyboard on the simulator for viewers to see the messages animate up .....something tells me because it wouldn't work and that's why it was added in Firestore manually

  • @muratkul7377
    @muratkul7377 2 роки тому +1

    Good tutorial and I have learned quite a few things, thank you. On the other hand this is only the half of the story, you could go ahead and show a list of messages, how to manage 'received' in real life (cause what happens when the other person recieves the message), how to stop listening the snapshot and create a new listener for another chat etc...

  • @stephaniewagstaff6563
    @stephaniewagstaff6563 2 роки тому +4

    I have been trying to learn SwiftUi for almost 2 years self taught. I come from no background in this field, I am an interior designer by trade but I have a dream. I have been close to giving up on myself after Covid took a part of my brain… I have been stumbling trying to find the next lesson but I pray and have faith. You know the odds of finding a female programmer…. And then one with this same name?? I’m energized to start this journey with you today and am so glad you put it out there. I’m naive in so many ways, for instance if I have a ? Do I put it here for everyone to see? I haven’t really used UA-cam ( I know that’s crazy…I’m 50 lol).

    • @juliancowell891
      @juliancowell891 2 роки тому

      Please never give up. I think sometimes videos can be difficult to learn from. It might be useful to find written resources as well to supplement UA-cam tutorials.

    • @betseessilfie4072
      @betseessilfie4072 2 місяці тому

      Your a cornball omg

  • @markfrancisco1997
    @markfrancisco1997 2 роки тому

    This girl is on fire! Amazing, well done. Can tell how super smart this girl is!

  • @happyfox3275
    @happyfox3275 2 роки тому +4

    Great tutorial, you explain everything very good!

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

    As you mentioned, it's really fun learning. thanks !

  • @thattim
    @thattim 2 роки тому +1

    Thank you so much Stephanie!

  • @codejunkie6300
    @codejunkie6300 2 роки тому +1

    Easiest tutorial I've seen on this topic. The next logical step would be a tutorial on how to add users and text specific users...please.

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +3

      Hi! For that, I suggest you to change the structure of your Firestore database a bit. First, create a collection called "users" and, under each user, you'll have another collection called "messages". This way, the messages will be saved under the corresponding user and you'll be able to map through the users and their specific messages.
      Hope this helps!
      - Stephanie

  • @carmineloschiavo5864
    @carmineloschiavo5864 2 роки тому +2

    Stephanie as usual you did a great job 😃. I am still fairly new to app development but this is really helping me out! I can’t wait for the next app to try. 📱💝💻

  • @paschal4
    @paschal4 2 роки тому +1

    Excellent tutorial 👊👊 keep up the 👍 work

  • @vebbis5961
    @vebbis5961 2 роки тому +1

    The design on the view for the chat is amaizing

  • @DmitryKanunnikoff
    @DmitryKanunnikoff 2 роки тому +1

    Excellent! Thank you very much!

  • @AllanZhang16
    @AllanZhang16 Рік тому

    What a great video. Super helpful and really well explained.

  • @PORKII-lw9um
    @PORKII-lw9um Рік тому

    Well done. Thank you so much.

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

    You're amazing!

  • @monnydhingra6369
    @monnydhingra6369 Рік тому

    Your tutorial video is excellent...

  • @ociellerma8953
    @ociellerma8953 2 роки тому

    Great Video! Thank you.

  • @ESquirez
    @ESquirez 2 роки тому +1

    Brilliant, this was exactly what I was looking for

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +1

      Glad it's helpful!

    • @ESquirez
      @ESquirez 2 роки тому

      @@DesignCodeTeam hi, it was super helpful. I have one question, how would I go about creating different chat rooms via swiftUI?

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +1

      Hi Emmanuel, I'd suggest you to create a collection in Firestore called "chatrooms" and, under each chatroom, create a "messages" collection. That way, you can iterate over the chatrooms in your SwiftUI app and, for each chat, display the corresponding messages.
      - Stephanie

    • @ESquirez
      @ESquirez 2 роки тому

      @@DesignCodeTeam hi
      Thanks for this. I really appreciate 😃

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

    very cool thank you

  • @karandeepsingh1898
    @karandeepsingh1898 Рік тому +1

    AWESOME EXPERIENCE

  • @carterhawkins3034
    @carterhawkins3034 Рік тому +1

    I loved how simple the tutorial is. I just have a quick question. How could you delete messages and also edit the messages?

  • @stephaniewagstaff6563
    @stephaniewagstaff6563 2 роки тому +2

    I really enjoyed this tutorial but about 30 minutes in when we started coding with firestore in Xcode and so many words that I had never heard before were used without explanation left me so lost. I only say this to let you know not to be critical, because I was really enjoying the lecture and would’ve loved hearing your explanations because I think I would’ve understood you.

  • @norcrowe
    @norcrowe 2 роки тому

    Thank U So Much!

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

    thank you

  • @SeriousCat5000
    @SeriousCat5000 2 роки тому

    Sarah is obviously a power user since she does all her messaging directly from the Firebase back-end.

    • @SeriousCat5000
      @SeriousCat5000 2 роки тому

      In all seriousness, this was a great video. I picked up some good ideas from the custom textfield and how to pass objects around using environment objects.

  • @drawing_kim0523
    @drawing_kim0523 2 роки тому +1

    Hello ! Thank you for showing me a good tutorial! I'm studying iOS, so can I use it as a job portfolio while watching videos and creating applications?

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +2

      Hi!
      Sure, you can totally add the app you create out of this tutorial in your job portfolio! Good luck in your job hunt! 💪🏻
      - Stephanie

  • @davidvc4560
    @davidvc4560 2 місяці тому

    good stuff

  • @octopro8937
    @octopro8937 Рік тому +1

    Hello DesignCode, I have a question. So basically the place where you type what you want to send the "Enter message here" thing, the background is black (I'm using dark mode) when I switch dark mode off it becomes white (it's not the rounded box that says "Enter message here" it is the background behind that which is a rectangle

    • @josuesaavedra6175
      @josuesaavedra6175 Рік тому

      If you are using a custom color that you created when you created it there is an option to make it sensitive and change depending on dark mode and light mode or you can set it to universal. If you do not want the background color to change, you can set the custom color to universal.

  • @tridaynee
    @tridaynee 2 роки тому

    amazing good job bro

  • @kpsfoot4290
    @kpsfoot4290 2 роки тому +1

    Wonderful but is it possible to have a tuto on how to make a comment via firebase?

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +1

      Hi! Glad you enjoyed the video! If you want to save comments in Firestore, you can just create a collection called "comments" and follow the same logic as described in this tutorial to get real-time updates from Firestore.
      - Stephanie

  • @joe-su3
    @joe-su3 Рік тому

    Great tutorial! May I ask how to load the history message bubbles to the top of the page?

  • @lifebystefnJas
    @lifebystefnJas Рік тому

    Not scrolling to the last chat, used if lets for the id and its not even getting called... any ideas?

  • @monnydhingra6369
    @monnydhingra6369 Рік тому +1

    how to run this on two different simulators?

  • @user-mk6or1gi7v
    @user-mk6or1gi7v Рік тому

    I want to create a simple app where the messages pop up. I finished the MessageField, Messagebubble, and TitleRow. How do I let the chat bubbles post during the scroll?

  • @tarun_reddy
    @tarun_reddy 2 роки тому

    Do we need to be aware of the addSnapListener and turn it off when we’re not using it? Ive read some people stressing that.

  • @juliapp2528
    @juliapp2528 2 роки тому

    hey, i'm getting the error in the catch block and I cant figure out why? I have everything set up right. do you know what could possibly throw that error? Thanks

  • @user-we2si6ji5l
    @user-we2si6ji5l 9 місяців тому

    Dear Madam., Can we talk in this like vedio, audio chat?
    And send voice mail..?

  • @FabricioMTL
    @FabricioMTL 2 роки тому

    Hey Stephanie do you I have PDF of the course or web link of it and thank you for teaching us how to code. You have all my ❤️

  • @scardera
    @scardera Рік тому

    Its a great tutorial but your lacking codes. Sarah will see the result as you see it since messages are stored as a received true/false of your point of view.

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

    Is there any performance concerns? The message array is sorted every time when there’s an update from the firebase. The demo is using a scroll view instead of a list view meaning cells are not reused.

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

      I would not use the swift sorting algorithms for this case. You can get the data sorted from firebase directly. Let firebase does the job.

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

    Great video...
    can anyone helpme how can i create collection from app side

  • @TheSwiftSolutions
    @TheSwiftSolutions Рік тому

    its very helpful but i am unable to update scroll to id mean scroll is not moving to bottom while opening chat its working perfect during typing msgs but not working at open chat.....

    • @30guarino
      @30guarino Рік тому

      I'm working on that as well....

    • @30guarino
      @30guarino Рік тому

      Got it!! ...So underneath the .onChange modifier....put .onAppear { messageManager.getMessages }

  • @markme7092
    @markme7092 2 роки тому

    Hi Stephanie, My project requirement is User can post the name once in every 30 minutes in SwiftUI, how to achieve that functionality ?

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +1

      Hi Mark, I suggest you set up a timer (see developer.apple.com/documentation/foundation/timer or www.hackingwithswift.com/quick-start/swiftui/how-to-use-a-timer-with-swiftui) and once the time has run out, you can unlock the possibility to add a new name.
      - Stephanie

  • @htpa2929
    @htpa2929 Рік тому

    Why am I getting error in this part? 32:13?

    • @user-it2un5ml9v
      @user-it2un5ml9v Рік тому

      i am also getting document request error code7

  • @mahaaziiz6941
    @mahaaziiz6941 Рік тому

    Thank you for this video it is very helpful.. I need to ask you about something in the direct message .. where can I contact you ?