Build a SwiftUI chat app with Firestore from scratch

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 69

  • @g43s
    @g43s 2 ปีที่แล้ว +10

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

    • @ericdraven7857
      @ericdraven7857 หลายเดือนก่อน

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

  • @ID_Station
    @ID_Station ปีที่แล้ว

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

  • @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...

  • @markfrancisco1997
    @markfrancisco1997 2 ปีที่แล้ว

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

  • @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.

  • @enriqueavina6827
    @enriqueavina6827 2 ปีที่แล้ว +4

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

  • @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 TH-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 TH-cam tutorials.

    • @betseessilfie4072
      @betseessilfie4072 3 หลายเดือนก่อน

      Your a cornball omg

  • @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

  • @happyfox3275
    @happyfox3275 2 ปีที่แล้ว +4

    Great tutorial, you explain everything very good!

  • @manmathanmary8564
    @manmathanmary8564 ปีที่แล้ว

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

  • @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 ปีที่แล้ว +4

      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

  • @thattim
    @thattim 2 ปีที่แล้ว +1

    Thank you so much 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

  • @DmitryKanunnikoff
    @DmitryKanunnikoff 2 ปีที่แล้ว +1

    Excellent! Thank you very much!

  • @AllanZhang16
    @AllanZhang16 ปีที่แล้ว

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

  • @vebbis5961
    @vebbis5961 2 ปีที่แล้ว +1

    The design on the view for the chat is amaizing

  • @karandeepsingh1898
    @karandeepsingh1898 2 ปีที่แล้ว +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?

  • @TechTokeMaster
    @TechTokeMaster 5 หลายเดือนก่อน

    You're amazing!

  • @monnydhingra6369
    @monnydhingra6369 ปีที่แล้ว

    Your tutorial video is excellent...

  • @PORKII-lw9um
    @PORKII-lw9um ปีที่แล้ว

    Well done. Thank you so much.

  • @ociellerma8953
    @ociellerma8953 2 ปีที่แล้ว

    Great Video! Thank you.

  • @keattisakmunfc3449
    @keattisakmunfc3449 7 หลายเดือนก่อน

    very cool thank you

  • @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.

  • @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.

  • @ethan4807
    @ethan4807 11 หลายเดือนก่อน

    thank you

  • @joe-su3
    @joe-su3 ปีที่แล้ว

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

  • @norcrowe
    @norcrowe 2 ปีที่แล้ว

    Thank U So Much!

  • @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

  • @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

  • @lifebystefnJas
    @lifebystefnJas ปีที่แล้ว

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

  • @davidvc4560
    @davidvc4560 2 หลายเดือนก่อน

    good stuff

  • @tridaynee
    @tridaynee 2 ปีที่แล้ว

    amazing good job bro

  • @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?

  • @monnydhingra6369
    @monnydhingra6369 ปีที่แล้ว +1

    how to run this on two different simulators?

  • @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.

  • @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 😃

  • @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 ❤️

  • @techgeek885
    @techgeek885 4 หลายเดือนก่อน

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

  • @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

  • @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.

  • @user-we2si6ji5l
    @user-we2si6ji5l 9 หลายเดือนก่อน

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

  • @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 10 หลายเดือนก่อน

      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.

  • @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.

  • @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 ?