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

Hey guys and gurls this is a banger of a tutorial!! I'll be showing you how to create a login system with Firebase Authentication that saves users to Firebase Realtime Database. Not only will it login users but we have a register function that updates our database with new data.
Sit back because this is how to make a simple login & register with Firebase authentication using JavaScript, HTML and CSS. Plus Store users to Firebase Database.

Email Validation:

/^[^@]+@\w+(\.\w+)+\w$/.test(str);

Database Rules:
"users": {
"$uid": {
}
}

[emresalur]

Absolute legend. Finally someone who explains this stuff simply. I am trying to a case study for a job and this seems like it will help a lot. Much better than the 1 hour tutorials. Thanks!

[malco-]

FINALLY A TUTORIAL THAT WORKS! THANK YOU!

[CodingJourney]

Sweet 😉 Great tutorial mate, thanks!! 💙

[Aalok]

Eagerly I was waiting for this tutorial

[robertdonnan]

Exactly what I was looking for to start my project. Thank you so much.

[hazush_]

bro searching for an firebase video, and found the best video, the other ones are not explaining good as you. subsribed :)

[renkazuki]

Somehow, when I tried it, it didn't work for me. Could you maybe have an updated version of this?

[EpicZeus]

Thank you so much, explaining every step helped a lot, A lot.

[prof.markbachman]

Excellent video, quite enjoyable and easy to understand.

[Catothemodern]

Honestly thank you, since I did not knew how I can educate myself about firebase I looked everywhere I hoped I can find something good. Plurasight, Udemy and many Youtubers explained it in a way I did not understand it, but you did. Thank you very much my friend!

[kozkiroify]

ok but, how do I get the data of the currently logged user?

[maxwell]

Hey im getting an erro "uncaught referenceError: initializeapp is not defined" how do i fix this?

[mralc]

How can i implement this for a website which i builded already in Intelij?Let s say that i have already Login and Register integrated in my website but for some reasons i cannot register new user .And now my backend is connected with Mongodb database.How can i implement this to my already existing project in the way that, to connect Register Form to Firebase etc etc?

[VicmmaEntertainment]

Pls can you tell me how to get the info of the users, I tried user.full_name but it keeps giving me undefined

[MohamedAli-vfvy]

I can't connect that code to my own project. Help?

[dofuskingdom]

can i please get help guys
i did the same what he did in the video with newer sdk and even instaled with npm install firebase
but it gives me this error
firebase-app.js:2515 Uncaught SyntaxError: Unexpected token 'export'
firebase-auth.js:1 Uncaught SyntaxError: Cannot use import statement outside a module
firebase-database.js:1 Uncaught SyntaxError: Cannot use import statement outside a module
login.js:11 Uncaught SyntaxError: Cannot use import statement outside a module in conso

[davebalino]

Hi I'm a new subscriber, is it secured from username and password hacks? Are the apiKeys visible when inspected?

[vskxnjy]

is the storing of their info in the database secure?

[burakalkan]

legend... it was so great dude thanks a lot

[Luka]

Doesnot work for me. 4 errors in syntax from web console. Please help