SynChat built with React.js, Firebase and Material UI with Google Authentication

Live demo

Features

Login with Google

Connect with other users

Realtime communication

Responsive UI

Quick Start:

• git clone
• cd sync-chat
• Add your firebase configuration to firebase.js file on /src
• npm install
• npm start

Additional Configuration:

1. Create Firestore Database
2. On firebase console navigate to Firestore Database -> Rules -> Edit Rules replace the entire code to this:

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}