Build: The Web
Firebase - A Chat App with User Authentication

Firebase - A Chat App with User Authentication

Since 2014, Google has owned Firebase, a mobile and online development platform. It offers a wide range of solutions to assist developers in producing high-quality apps more quickly. Firebase Authentication, Hosting, Cloud Functions, and the one we'll be utilizing today, Real-time Database, are just a few of its well-known offerings.
Go to Firebase and create a Firebase account if you haven't already. Login to your Firebase console if you haven't already.
 
notion image
Make a new project with whatever name you choose.
 
notion image
Then select the "Web App" icon from the dashboard. Take note of your firebaseConfig variables and save them somewhere safe. We'll make use of it later.
 
notion image
Add the config to your site
 
notion image
Go to Authentication and enable the sign in method “Email/Password”.
 
notion image
Go to the Realtime Database and activate it.
Now, add the following to the index.html file.
Add the following code to your styles.css.
Finally, add the following code to your script.js.
Read more about Firebase here.
Other backend services, such as Supabase, a Firebase competitor, can also be used to develop a Chat App.
badge