This directory the Haztrak user-interface! If you're looking for a holistic overview of the Haztrak project, check the README in the root directory or the docs/ for greater detail.
To oversimplify, the React user-interface is responsible for a couple of things:
- Dynamically rendering/displaying the user-interface in the browser.
- Talking to the Haztrak server.
The front end does not directly interface with RCRAInfo, every interaction with RCRAInfo requires that the user sends a request to the Haztrak server, which is turn sends a request to RCRAInfo. The response follows the reverse path back to the end user. This allows for a better control of what gets sent to RCRAInfo, and also keeps the user's sensitive data, such as their RCRAInfo API ID and Key, off the user's browser and the network in general.
The web client makes extensive use of the React ecosystem, namely the below libraries, to render the user interface, store state, and make request to the haztrak server.
- React
- Redux
- Bootstrap / React-bootstrap
- Take look at package.json for more information
This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.
Some available scripts to get started
npm startnpm testnpm run build