Available Scripts
In the project directory, you can run:
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits, you will also see any lint errors in the console.
yarn build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
Requirement list
- Create React web app
- It should have fields for giving start date, end date and access token as arguments to the app.
- App should make HTTP GET request to the API to fetch chat counts between those two given dates.
- The dashboard should render three values from the API.
- The dashboard should render a Paginated List.
Software used
| # | Software | Reason |
|---|---|---|
| 1 | React | Requirement. |
| 2 | React Router | To route between different components, a react router is used. |
| 3 | TypeScript | To make use of the strong types, I made use of TypeScript |
| 4 | Bootstrap | To structure the front-end, bootstrap is used. |
| 5 | Axios | To communicate with external API's, I added Axios. |
| 6 | FontAwesome | To communicate actions to the user, I have added some relatable icons for actions. |
| 7 | react-bootstrap-table2-* | To get a paginated table, React Bootstrap Table is used. |