Quick Chat app

Getting Started

To get started and run the app, you need to follow these simple steps:

1. Fork and then clone this repo on your machine locally. git clone https://github.com/nandkk05/superchat-web-app
2. cd superchat-web-app
3. npm install for installing all dependencies and cd functions then again run npm install + npm install bad-words --save
4. npm start this will serve this chat app on local port 3000

Deploying on Firebase

1. Go to Firebase and create new project.
2. Select "Add Firebase to your web app" option, now copy the config keys and paste your keys.

   apiKey: "Axxxxxxxxxxxxxxxxxxx",
   authDomain: "xxxxxx.firebaseapp.com",
   databaseURL: "https://xxxxxxxx.firebaseio.com",
   projectId: "xxxxxxxxx",
   storageBucket: "xxxxxxx.appspot.com",
   messagingSenderId: "xxxxxxxxxxx",
   appId: "1:xxxxxxxxx:web:xxxxxxx"

3. Change the project name in .firebaserc file.
4. Go to Firebase Console, select your project, choose "Authentication" from left menu, select "SIGN-IN METHOD" and enable "Google Sign in" option.
5. Set rules for Cloud Firestore

       service cloud.firestore {
       match /databases/{database}/documents {
   
       match /{documents=**} {
         allow read, write: if true;
       }
   
       match /messages/{docId} {
         allow read: if request.auth.uid != null;
         allow create: if canCreateMeassage();
       }
   
       function canCreateMessage() {
         let isSignedIn = request.auth.uid != null;
         let isOwner = request.auth.uid == request.resource.data.uid;
   
         let isNotBanned = exists(
           /databases/$(database)/documents/banned/$(request.auth.uid)
           ) == false;
   
         return isSignedIn && isOwner && isNotBanned;
       }
     }
   }
   

6. You're all set! Build your app npm run build and deploy it on firebase using firebase deploy.

Contributing

• Awesome! Contributions of all kinds are greatly appreciated.

Using GitHub Issues

• Feel free to use GitHub issues for questions, bug reports, and feature requests

Maintainer

• Nand Kishor