This project is set up using Material UI boilerplate. I chose this as it has most of my the librarys I wanted to use, pre-installed, configured and ready to go.

This project talso uses the Material UI Dashboard Template.

The aim of this project is to re-create the Kubernetes Web UI Dashboard.

Install it and run:

npm install
npm start

or:

This example demonstrates how you can use Create React App with TypeScript and Material UI.

• create mock data
• click on side panel to show different table/graphs
• replace the "Recent Deposits" card with another graph
• replace graphs with moving graphs.
• update graph labels and styling
• update the table header and contents
• immitate rest of the styling from the Kubernetes Web UI Dashboard
• Host it
• re-structure the src folder in to other folders

• Use React context to share data across components
• replace graph with a basic svg/canvas one rather than recharts