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

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

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

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

      Glad it was helpful!

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

      Glad it helped!

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

      Glad it helped!

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

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

      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!

    • @BestWebcraftInnovation
      @BestWebcraftInnovation 24 วันที่ผ่านมา

      Very Good 👍🏼.
      We need a video on how to create a functional user dashboard.
      You know, after signing up and login, you will be directed to where to somewhere

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

      glad was helpful

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

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

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

    My first succesfull login, new subscriber, thanks sir

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

      Welcome 👍

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

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

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

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

      glad it helped

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

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

      glad it helped

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

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

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

      Thanks, will do!

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

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

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

      I'm so glad!

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

    Very informative tutorial

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

      Glad it was helpful!

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

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

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

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

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

      yeah that should work too

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

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

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

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

      Bro, can you give me your WhatsApp number?

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

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

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

      Glad it was helpful!

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

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

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

    Nice tutorial, thanks 🙏

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

      Glad it was helpful!

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

    Very helpful brother

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

      Thanks for comment 🙂

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

    Great tutorial, thank you very much!

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

      Glad it was helpful!

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

    Simple and easy! Thanks

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

      glad it was helpful

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

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

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

      yeah am working on that, stay tuned

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

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

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

      hello please check out my new video

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

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

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

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

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

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

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

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

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

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

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

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

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

    good stuff, keep it up bro

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

    thank you very much sir nice work

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

      All the best

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

    can you make a video on hosting it online using firebase

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

      yeah am working on that, stay tuned

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

      @@francis_tech okk

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

    Can you create a password manager with firebase ?

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

      yeah, services like authentication and firestore can do that

  • @johnportelance3851
    @johnportelance3851 12 ชั่วโมงที่ผ่านมา

    Please let me know when and if you are going to make a video tutorial with the "Recover Email(and/or Password) working. Also, to have the Google sign up and Facebook sign up buttons working.
    and if possible how to submit 4 checkboxes for different memberships ( like = Free Membership, Basic Membership, Gold Membership & Platinum Membership) and these would be paid Memberships.
    and save the added information to the firebase database.
    Your tutorials are great and amazingly helpful, specially to beginners like me lol.
    Thanks-so very much.

    • @francis_tech
      @francis_tech  11 ชั่วโมงที่ผ่านมา +1

      Sure, I can create that video, although I may not be able to go into specific details. If it's a website you're working on, feel free to hire me.

    • @johnportelance3851
      @johnportelance3851 11 ชั่วโมงที่ผ่านมา

      OK, let me know prices pleass

    • @francis_tech
      @francis_tech  10 ชั่วโมงที่ผ่านมา

      @@johnportelance3851 reach out frankcodes.tech

  • @BushraShehzad-tw8dv
    @BushraShehzad-tw8dv หลายเดือนก่อน

    What to do if singapage or login page is separate plz tell me this is my assignment😢❤

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

      Hello which language are you using for your application

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

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

      hello 👋, check the margin of the box

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

    Great video. Thanks.

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

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

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

      i was using live server

    • @finemuthoni1868
      @finemuthoni1868 28 วันที่ผ่านมา

      @@francis_tech hi what if youre not using a live server what should you put?,is th location of the file okay?...kindly assist

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

      @@finemuthoni1868 well you will need to use kind of server

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

    Tanks bro keep going

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

      Thank you too 🫡

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

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

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

      🫡🫡 Done ✅ check description

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

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

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

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

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

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

    thanks it works

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

      am glad it was helpful

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

    You are a hero

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

    helped me a lot

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

      glad it was helpful 🙂

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

    Thanks you ❤❤

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

      Welcome 😊

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

    Muito bom, obrigado!

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

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

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

    Thank you

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

      You're welcome

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

    THAAAAAAAAAAANKS!

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

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