40 lines
1.6 KiB
Markdown
40 lines
1.6 KiB
Markdown
[](https://upbeat-agnesi-aad3fb.netlify.com/)
|
|
|
|
## Available Scripts
|
|
|
|
In the project directory, you can run:
|
|
|
|
### `yarn start`
|
|
|
|
Runs the app in the development mode.<br />
|
|
Open [http://localhost:3000](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.<br />
|
|
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
|
|
|
|
- [X] Create React web app
|
|
- [X] 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.
|
|
- [X] 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. |
|