jjvijgen
ae7d63db35
Did the following: - Extract front-end from component; - Added localStorage for remembering API details and access key; - Added routing to login component; Todo: - Remove getApi*FromDTO; - Create ProtectedRoute to prevent unauthorized entry to /dashboard;
35 lines
1.4 KiB
Markdown
35 lines
1.4 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
|
|
- [ ] 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.
|