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

[@thonnyayiik7618]

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

[@francis_tech]

thanks 🙏

[@francis_tech]

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

[@MuhammadAhmadShakir]

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]

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

[@addadd8784]

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

[@francis_tech]

thanks 🙏

[@kevinnjoroge1850]

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

[@TAG_official]

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]

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

[@jus10lewis]

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]

yeah that should work too

[@rajdeepdas86]

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]

glad was helpful

[@Beh3D]

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

[@francis_tech]

Glad it was helpful!

[@mandelaeffect2022]

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]

Glad it helped!

[@dharshansasikala1858]

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]

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

[@peterenijay1309]

Very informative tutorial

[@francis_tech]

Glad it was helpful!

[@relaxingmelodymusic]

thanks it works

[@francis_tech]

am glad it was helpful

[@vitikahappy]

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]

Glad it helped!

[@rubisinha312]

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]

glad it helped

[@shreyanplayz1643]

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

[@francis_tech]

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

[@AnishkaSinha-k6d]

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]

glad it helped

[@halloftexts312]

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]

hello 👋, check the margin of the box

[@tanmoymitra3070]

can you make a video on hosting it online using firebase

[@francis_tech]

yeah am working on that, stay tuned

[@tanmoymitra3070]

@@francis_tech okk

[@quadrantmusic5015]

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

[@francis_tech]

Thanks, will do!

[@DamosyTheFreckle]

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

[@francis_tech]

thanks 🙏

[@nicolasmorin9539]

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

[@francis_tech]

yeah am working on that, stay tuned

[@SFDark]

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]

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]

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

[@SFDark]

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

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

[@alimohamed-mc8fe]

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

[@francis_tech]

🫡🫡 Done ✅ check description

[@francis_tech]

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

[@alimohamed-mc8fe]

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

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

[@jcdes634]

Can you create a password manager with firebase ?

[@francis_tech]

yeah, services like authentication and firestore can do that

[@A_Nobody_14]

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

[@francis_tech]

i was using live server

[@proflead]

Simple and easy! Thanks

[@francis_tech]

glad it was helpful

[@claramoreira265]

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

[@francis_tech]

Glad it was helpful!

[@maxwellrodrigues40]

Great tutorial, thank you very much!

[@francis_tech]

Glad it was helpful!

[@jus10lewis]

Great video. Thanks.

[@francis_tech]

👍

[@AbdurahmanDaacad-vn6ll]

Tanks bro keep going

[@francis_tech]

Thank you too 🫡

[@pentechlab8805]

good stuff, keep it up bro

[@francis_tech]

Thanks

[@What-FF99]

Thanks you ❤❤

[@francis_tech]

Welcome 😊

[@pedrodavi_05]

Muito bom, obrigado!

[@francis_tech]

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

[@walker_john]

Nice tutorial, thanks 🙏

[@francis_tech]

Glad it was helpful!

[@adelkhoulalene3668]

You are a hero

[@francis_tech]

thanks 🙏

[@animefanbase3560]

helped me a lot

[@francis_tech]

glad it was helpful 🙂

[@augustineakpokonyan8252]

Thank you

[@francis_tech]

You're welcome