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.

Based on Fireship's React & Firebase chat app:

Command Scripts

Run npm install to install missing dependencies.

• npm start - Starts the app and watch over file changes.

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

Use ESBuild's define option to access the app configuration:

FIREBASE_API_KEY
FIREBASE_AUTH_DOMAIN
FIREBASE_PROJECT_ID
FIREBASE_STORAGE_BUCKET
FIREBASE_MESSAGING_SENDER_ID
FIREBASE_APP_ID
FIREBASE_MEASUREMENT_ID