React.js frontend application for The Modern Engagement Tool project.
- Install the following:
- Install Dependencies
- Set env variable
FONTAWESOME_PACKAGE_TOKEN
in your system - Run
npm install
in the root of the project (met-web)
- Set env variable
The development scripts for this application allow customization via an environment file in the root directory called .env
. See an example of the environment variables that can be overridden in sample.env
.
The following commands support various development scenarios and needs.
npm start
Runs the react.js application.
Open http://localhost:3000 to view it in the browser.
Note: you must be running the API application concurrently. The page will reload if you make edits.
You will also see any lint errors in the console.
npm test
Runs the application unit tests
npm run lintfix
Lints the application code and automatically apply fixes when possible.
These commands are here to support the continuous integration and other esoteric development concerns. You should rarely need to run these commands.
npm build
Builds the app for production to the
build
folder.
It bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
Ensure the latest version of VS Code and VS Code Chrome Debugger Extension is installed.
The launch.json
is already configured with a launch task (MET-WEB Launch) that allows you to launch chrome in a debugging capacity and debug through code within the editor.