Skip to content

Latest commit

 

History

History
40 lines (28 loc) · 1.4 KB

README.md

File metadata and controls

40 lines (28 loc) · 1.4 KB
Raw

Dashboard App

The aim of this project is to build an app to display data in a dashboard.

This project is deployed here.

Functionality

This is a web application that contains the following main features:

  • Users can view data in table or pie view

Technology

  • Libraries: React, Redux, axios
  • Styling: styled-components
  • Linting: Eslint
  • Testing: Jest, react-testing-library
  • Build: Create-React-App
  • Deployment: Heroku

Development

This project is using npm for dependency management. Make sure npm is installed on your machine.

  • npm install

Install project dependencies.

  • npm run dev

Run the app in development mode on http://localhost:3000/.

  • npm run test

Launch test runner and run all the tests.

Future Improvements

  • Reduce wasted rendering by memorising (potential candidates: PieView, but have to profile and benchmark first to see how beneficial is the memorisation)
  • Handle data loading and error states. Currently data loading and error states are handled in reducer and saved to Redux store, but it's not reflected in the UI
  • Implement lazy loading. Add routing for table view and pie view so we can take advantage of lazy loading
  • Use Redux Toolkit to reduce boilerplate code
  • Extract some common code into custom hook (potential candidates: network call)
  • Type everything correctly, remove all any type