This is a dashboard made with React, Redux and Typescript which consist of summary information about all the equipment in an organization. Equipment data is accessed from an external API using an Express app, which is also written in Typescript.
- Both front-end and backend is written in Typescript
- Caching is done at server side assuming that the data will only be updated hourly
- Client side was bootstrapped with Create React App
- Redux toolkit was used due to the ease of use and mutable like state mutations
- CSS modules was used with SASS for styling
- React-vis was used for graphing
Clone the repository and run npm install to install the packages necessary to run and develop the application. Run npm run deploy to build and deploy the application, which can be accessed at localhost:8080
Below scripts can be invoked
- npm run start-client: start only the client dev server
- npm run start-server: start only the backend dev server
- npm run start: start both client and server concurrently
- npm run build-client: build only the client side
- npm run build-server: build the server side
- npm run build: build both server and client side
- npm run deploy: build and deploy the application