Chat-Hub

Chat-Hub is a free open source chat room built with React Js with Firebase as the backend.

Live Demo:

Website Link 👉 Click Me

Screenshots :

Installation :

1. Clone this repository :

    git clone https://github.com/amrohan/Chat-Hub
   

2. Install all packages :

   npm install or yarn install

3. Runs the app in the development mode :

   npm start

   Open http://localhost:3000 to view it in the browser.

4. Create an.env file in the root directory and add your firebase config tokens there, or hard code it in firebase. initializeApp
   

NOTE: &nbsp In the assign variable, put your firebase key values.

```
REACT_APP_apiKey = apiKey 
REACT_APP_authDomain = authDomain
REACT_APP_projectId = projectId
REACT_APP_storageBucket = storageBucket
REACT_APP_messagingSenderId = messagingSenderId
REACT_APP_appId = appId
REACT_APP_measurementId = measurementId
```

5. Create a firebase web app and a firebase store database, then paste the firebase config token into firebase-chat/src/App.js

   firebase.initializeApp({  
   apiKey: "process.env.apiKey",  
   authDomain: "process.env.authDomain",  
   projectId: "process.env.projectId",  
   storageBucket:"process.env.storageBucket",  
   messagingSenderId:"process.env.messagingSenderId",  
   appId:"process.env.appId",  
   measurementId: "process.env.measurementId"
   })
   } 

6. Deploy it on any of your favourite website hosting services.

   1. Netlify
   2. Vercel
   3. Cloudflare Pages
   4. Firebase hosting
   5. Render

   ---

Enjoy everything is working now ✨