React.js Firebase Auth Project to Build Facebook Group Chat Messenger Clone Using Context API & Redux

 

 

npx create-react-app firebasechat

 

 

cd firebasechat

 

 

npm i firebase

 

 

npm i sass

 

 

npm i react-router-dom

 

 

npm i uuid

 

 

First of all make a firebase.js file inside the root directory and copy paste the below code

 

 

firebase.js

 

 

 

 

Replace with your own firebase account details

 

 

And after this you need to copy paste the below code inside the App.js of your project

 

 

App.js

 

 

 

 

Now create a pages directory and inside this make three pages as follows

 

 

Home.jsx

 

Login.jsx

 

Register.jsx

 

 

Home.jsx

 

 

 

 

Login.jsx

 

 

 

 

Register.jsx

 

 

 

 

FULL SOURCE CODE

 

Leave a Reply