Superchat

Realtime chat application using the following tools:

• ESBuild - Local development and build tool.
• React - Dynamic and interactive user interface.
• Firebase - Cloud database and hosting solution.

Tip

Based on Fireship's React & Firebase chat application:

Command Scripts

Run npm install to install missing dependencies.

• npm start - Starts the app and watch over file changes.
• npm run build - Generate the production build with ESBuild.
• npm run clean - Removes the generated build files.
• npm run deploy - Deploy and host to Firebase.

Firebase API

• Setup - https://firebase.google.com/docs/web/setup
• Authentication - https://firebase.google.com/docs/auth/web/start
• Firestore - https://firebase.google.com/docs/firestore/quickstart
• Hosting - https://firebase.google.com/docs/hosting/quickstart

Define the corresponding Firebase configuration by creating the server/variables.json file:

{
  "FIREBASE_API_KEY": "'...'",
  "FIREBASE_AUTH_DOMAIN": "'...'",
  "FIREBASE_PROJECT_ID": "'...'",
  "FIREBASE_STORAGE_BUCKET": "'...'",
  "FIREBASE_MESSAGING_SENDER_ID": "'...'",
  "FIREBASE_APP_ID": "'...'",
  "FIREBASE_MEASUREMENT_ID": "'...'"
}