How to authenticate users using React and Firebase

Authenticating users is very hard to implement from scratch and you’ll have to write long lines of code in order to implement it but firebase makes it simple. In this article we will learn how to authenticate email and password using Firebase. We will start by setting up a project. After that, we will register a user and then we will log in with the same credentials to demonstrate the authentication.


In this tutorial, we will authenticate mail and password. So, go to Sign-in method tab and click on email and password.

Enable or disable the toggle switches as per your requirement and click on Save.

Now, click on the settings icon (⚙) present in the side bar and click on Project settings.


In general tab scroll down till you reach ‘Your apps’ section. Click on the Config radio button for firebase config details. Copy the code snippet and paste it in your text editor for further use.