nic
What is PHreader-UI?
PHreader-UI is the display portion of the Hot Tub PH Monitoring System
PHreader-UI is a SPA(single-page application) which was bootstrapped using Create React App.
The application makes use of the Flux Pattern to manage the data flow.
Stack
- React + Flux Pattern
- reactstrap
Components
- login
This component, is the login widget, which allows a user to login.
The SPA presents the user with a login form that prompts for an email (username) and for a password. The form is submitted by the SPA to the PHrest API for user authentication validation.
If the user is valid, the user is presented with the home component, which has the main navbar component, and the dashboard component.
- home / dashboard / navbar
This is the main component of the application. The default will show the main dashboard along with the default navbar.
- stats
This component is a component to show various different available graphs such as monthly, weekly, daily Ph stats.
- graphs
These are invididual components for the various types of graphs which are being displayed throughout the application.
- help
This is the component which is used to display the help menu.
