This project was bootstrapped with Create React App and hosted with Firebase.
Install Node modules.
Install Firebase tools globally if not already installed.
- Note that Firebase tools requires for Java to be installed on your development machine. You can get this through adoptopenjdk.net.
Log into Firebase with a Google account. You will need to be a registered developer on the project to make deployments.
| URL | |
|---|---|
| React App | http://localhost:3000 |
| Firebase Emulator | http://localhost:4000 |
| Storybook | http://localhost:9009 |
In the project directory, you can run:
This command will run both the npm start script and the storybook script. These are the two main scripts used for local development.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This also will run the Firebase emulator in the background.
The Firebase emulator runs an emulated version of the Firestore database.
Access the Firebase Emulator console at http://localhost:4000 in the browser.
Note that Firebase emulator does not have functionality to emulate Firebase Auth yet.
If auth is necessary, use the following script.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This will connect to the staging Firebase project.
Data accesses via Firebase will come from the staging server.
Auth is also supported through the staging server.
Launches the component storybook app in interactive watch mode.
Open http://localhost:9009 to view it in the browser.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
The app is then deployed to the Firebase staging server for hosting.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
The app is then deployed to the Firebase server for hosting.