Simple Login & Register with Firebase Authentication & Firestore using JavaScript | HTML | CSS

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

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

  • @Beh3D
    @Beh3D 2 หลายเดือนก่อน +3

    This is the best firebase user auth tutorial for beginners that is on youtube right now. Thank you so much!

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

      Glad it was helpful!

  • @vitikahappy
    @vitikahappy 5 หลายเดือนก่อน +9

    After hours of watching videos from Firebase team I still could not implement it.
    And finally there is you, who explains it clearly and provides the code that actualy works. Thank you, bro. It helped a lot.
    Please teach David from Firebase how it is done.

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

      Glad it helped!

  • @rajdeepdas86
    @rajdeepdas86 หลายเดือนก่อน +1

    I want to thank you from the bottom of my heart for this wonderful tutorial. All concepts are beautifully explained and demonstrated. Thank you from India.

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

      glad was helpful

  • @mandelaeffect2022
    @mandelaeffect2022 3 หลายเดือนก่อน +1

    amazing.... i understand few codes and just go with the flow and you just made a log in and register in one tutorial.. amazing

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

      Glad it helped!

  • @emmanuelrojasmusica
    @emmanuelrojasmusica 3 วันที่ผ่านมา

    My first succesfull login, new subscriber, thanks sir

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

    You are amazing brother, i hope to learn more from you.... from south Sudan 🇸🇸❤❤

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

    My brother you are a legend. Thank you so much for teaching me how to do firebase authentication

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

    Thank you so much for this video you explained it so well 👌🏻
    I was trying to do this stuff since a long time and also watched many videos but I failed . But you just saved me !!
    I appreciate your hardwork 😊

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

      glad it helped

  • @AnishkaSinha-k6d
    @AnishkaSinha-k6d 4 หลายเดือนก่อน

    Thank you so much for the video you explained it so well 😊
    I was trying to do this stuff for so long and also watched many videos but I failed . But you just saved me !!

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

      glad it helped

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

    Thanks Man. Your Tutorial was helpful. Keep up the good work man.

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

      Thanks, will do!

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

    THANK YOU SO MUCH, ONLY TURTORIAL I UNDERSTOOD. ❤❤

  • @peterenijay1309
    @peterenijay1309 6 หลายเดือนก่อน +3

    Very informative tutorial

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

      Glad it was helpful!

  • @addadd8784
    @addadd8784 3 หลายเดือนก่อน +1

    thank you so so much. it was very easy to follow i managed to link to my project

  • @TAG_official
    @TAG_official 6 หลายเดือนก่อน +3

    Thanks for posting this latest firebase video demo, it really helped me to perform firebase auth. among all other old & confusing videos on TH-cam.
    Everything is Great in this video the length, the content, the steps.
    Just a feedback regarding the voice over, it is blurry and not feels good in sound, so please fix that from next videos.
    Anyway, I am glad I found this video 🥲

    • @francis_tech
      @francis_tech  6 หลายเดือนก่อน +1

      glad 😊, was able to help we keep learning, #devfordev

  • @beta1120
    @beta1120 9 วันที่ผ่านมา

    Thank you so much. You save my life. God bless you

  • @MuhammadAhmadShakir
    @MuhammadAhmadShakir 5 หลายเดือนก่อน +2

    i have used my own home page and your forms but the registration form does not respond at all and no data get uploded to the firebase data base .. can u please help me

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

      first try, to use the login form before intergrating with your page, follow it to details everything you need is in the video

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

      Bro, can you give me your WhatsApp number?

  • @jus10lewis
    @jus10lewis 5 หลายเดือนก่อน +1

    I replaced the localstorage with:
    if (user) {
    and then I got the userID with:
    user.uid
    e.g.
    onAuthStateChanged(auth, (user) => {
    if (user) {
    // User is signed in
    const uid = user.uid;

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

      yeah that should work too

  • @dharshansasikala1858
    @dharshansasikala1858 5 หลายเดือนก่อน +1

    Thank you sir,i subscribed your channel,you are giving source code also this is very useful for me to practice this html and css.i learned perfectly....thank you so much for your effect.

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

      thanks 🙏, for your kind words, you just motivated me to create more content

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

    Great tutorial! I learnt a lot! Thank you very much!

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

      Glad it was helpful!

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

    Frank you are doing a great work can you create a bideo for submitting and retrieving data in realtime database on firebase

  • @francis_tech
    @francis_tech  6 หลายเดือนก่อน +3

    This video provides a simple overview of how to implement login using Firebase. However, there are additional steps required. I'm currently working on a video that will explain how to achieve the same functionality using Node.js, with a focus on maintaining clean code and ensuring that APIs are not exposed publicly by storing them in environment variables.
    Thanks for watching

    • @chamelioness
      @chamelioness 25 วันที่ผ่านมา

      This was already an awesome tutorial and I'm excited about your next video on firebase authentication using nodeJS. Looking forward to your valuable lessons! Thank you again for your efforts!

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

    Simple and easy! Thanks

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

      glad it was helpful

  • @kimv5448
    @kimv5448 14 วันที่ผ่านมา

    how can i get the facebook and google buttons working to log in as well

    • @francis_tech
      @francis_tech  14 วันที่ผ่านมา

      hello please check out my new video

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

    Great tutorial, thank you very much!

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

      Glad it was helpful!

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

    thank you very much sir nice work

    • @francis_tech
      @francis_tech  หลายเดือนก่อน +1

      All the best

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

    Unfortunately, the register system works perfectly, but the login system doesn't. The form doesn't respond at all, I do not get redirected and nothing logs into the local storage. I have triple checked all the ids and the button name, however it still does not work. How can I fix it?

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

      hello check if the data was inserted in database, also you can download the source code i have shared to counter check if there is something wrong

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

      also if possible upload your code to github and share the link i can try to help you debug

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

      @@francis_tech yep, the data during the registration inserts normally into firebase, the main problem is the login system.
      Will include the source code link, give me a second

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

      @@SFDark did you fix this?? Same thing is happening to me

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

    How to implement Google account auth? is there any tutorial coming up soon for that?

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

      yeah am working on that, stay tuned

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

    Nice tutorial, thanks 🙏

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

      Glad it was helpful!

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

    hi this tutorial was much more suitable for me than the last one the both were great I was just wondering for a code that would lower the box with everything in it or make it higher so I can change it to my liking thanks

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

      hello 👋, check the margin of the box

  • @relaxingmelodymusic
    @relaxingmelodymusic 3 หลายเดือนก่อน +1

    thanks it works

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

      am glad it was helpful

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

    If i want to show the name of logged in user on my navbar (FirstName SecondName) how can i do that

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

      use this id in the element you want to show the first name id="loggedUserFName" and for last name id="loggedUserLName"

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

    good stuff, keep it up bro

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

    can you make a video on hosting it online using firebase

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

      yeah am working on that, stay tuned

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

      @@francis_tech okk

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

    You are a hero

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

    Great video. Thanks.

  • @AbdurahmanDaacad-vn6ll
    @AbdurahmanDaacad-vn6ll 6 หลายเดือนก่อน

    Tanks bro keep going

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

      Thank you too 🫡

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

    Can you create a password manager with firebase ?

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

      yeah, services like authentication and firestore can do that

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

    helped me a lot

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

      glad it was helpful 🙂

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

    bro how did you get this 127.0.0.1:5500/ in the domain

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

      i was using live server

  • @alimohamed-mc8fe
    @alimohamed-mc8fe 6 หลายเดือนก่อน +1

    can you please drop the full source code 🙏🙏🙏🙏

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

      🫡🫡 Done ✅ check description

    • @francis_tech
      @francis_tech  6 หลายเดือนก่อน +1

      You will need to update, the firebaseconfig.js and homepage.js with your app apikey and api id

    • @alimohamed-mc8fe
      @alimohamed-mc8fe 6 หลายเดือนก่อน

      @@francis_tech ok, i really don't know how to thank you this will help me in my graduation project thank you again ❤❤❤❤❤❤

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

      @@alimohamed-mc8fe Am glad, was able to help you, success in your project

  • @MsMegaMaik
    @MsMegaMaik 27 วันที่ผ่านมา

    THAAAAAAAAAAANKS!

  • @What-FF99
    @What-FF99 5 หลายเดือนก่อน

    Thanks you ❤❤

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

      Welcome 😊

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

    Muito bom, obrigado!

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

      Obrigado por apreciar. Fique atento para futuros conteúdos.

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

    Thank you

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

      You're welcome

  • @saltedpopcorn48
    @saltedpopcorn48 2 วันที่ผ่านมา

    thank you sir for this video! you helped me very much with my college work 🫡