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. Run this on local machine ?

   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 :  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 ✨