React Coding Challenge

Instructions

Setting up:

• Run cd .\react-coding-challenge\ command to go into project folder.
• Run npm install command to install dependencies.
• Run npm run start command to start application.

Project Description

On startup, the first page will be the Dashboard page, here you will find:

• Interactable graphs.
• Stat Panels.

You can switch tabs to Records Page from the navbar.

On the Records Page, you will find:

• Table, which has pagination, can be sorted by clicking arrows next to column headers.
• Three dots icon next to column headers can be used for hiding columns, sorting and filtering.
• Filters can be set and data can be searched according to these filters using combo boxes above the table (To view original unfiltered data, clear filters).
• Details button on the right most column can be clicked to bring out the drawer.
• Drawer shows all details for an entry, if the data exists.

Libraries used

• React
• Material UI
• ApexCharts