This app uses:
- Firebase
- Auth
- Analytics
- Firestore (database)
- Hosting
- Google Maps API
- Places
- Maps Javascript API
- Geocoding
- Facebook API
- Login
Once you've set up accounts on each of those services, you'll need to update the configurations for each of these services.
The Firebase config and Google Maps API key can be found in //src/config.ts
.
That file includes instructions for how to get the Firebase config from the Firebase console, and you just need to copy your Google Maps API key there.
Once you've set up your Facebook app (takes < 5 min) to do logins, finish the setup by copying the values Firebase requests at Firebase console -> auth -> Sign in method.
- Have yarn installed (
brew install yarn
) - Install npm dependencies (essentially firebase) (
yarn install
).- Now you can run Firebase cli commands via
yarn run firebase <command>
. - Or just add an alias -
alias firebase='yarn run firebase'
- Now you can run Firebase cli commands via
- Login to Firebase (
firebase login
) - Deploy to Firebase to ensure that the proper Firestore indexes are set up (see below section).
- Run the React app by going into the web_app directory, running
yarn install
, and thenyarn start
.
Run: yarn deploy
- This will build the React app and then deploy to Firebase.
We're using the Material Design Web components documented here.