This is my boilerplate for React with Firebase configuration.

• React router dom for routing
• Firebase / firestore configuration
• Component for private routings
• Auth context for getting data from firestore (Similiar use like redux)
• Material Ui
• Sass

This repo is only to save some time.

1. yarn install / npm install
2. yarn start / npm start
3. To build yarn build / npm run build

1. Create .env file inside project
2. Add inside:

# REACT_APP_API_KEY=apikeyfromfirebase
# REACT_APP_AUTH_DOMAIN=authdomainfromfirebase
# REACT_APP_PROJECT_ID=projectidfromfirebase
# REACT_APP_STORAGE_BUCKET=storagebucketfromfirebase
# REACT_APP_MESSAGING_SENDER_ID=messagingsenderidfromfirebase
# REACT_APP_APP_ID=appidfromfirebase
# REACT_APP_MEASUREMENT_ID=measurementidfromfirebase

3. Restart local project to use .env

Missing:

• Login form
• Basic functions
• Styles