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

Master Login & Signup with Firebase!

In this comprehensive tutorial, you'll learn how to build a secure login and signup system for your website using Firebase Authentication and Firestore, a powerful NoSQL database. We'll walk you through the entire process, from connecting your forms to Firebase, to storing user data efficiently.

Frontend Source Code:

Full Source Code:

Here's what you'll learn:
1. Firebase Authentication: Securely manage user logins and passwords.
2. Firestore Database: Store and retrieve user information in real-time.
3. JavaScript Form Handling: Handle user input and interact with Firebase.

---------------------------------------------------------------------------------------------------------------------------
#database #javascript #html #css #programming #begginers #code #webdevelopment #frontend
--------------------------------------------------------------------------------------------------------------------------

0:00 Introduction
0:38 Source Code
1:19 Firebase & Db Connection
16:30 Homepage

[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.

[claramoreira]

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

[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 YouTube. 
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 🥲

[thonnyayiik]

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

[AnishkaSinha-kd]

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 !!

[rubisinha]

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 😊

[dharshansasikala]

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.

[DamosyTheFreckle]

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

[hezkpqs]

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

[halloftexts]

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

[shreyanplayz]

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

[juslewis]

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;

[aziz]

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

[jcdes]

Can you create a password manager with firebase ?

[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?

[alimohamed-mcfe]

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