https://github.com/rahulkeerthi/dashboard
Childminder and child interactive dashboard built in React with Material UI, consuming a json database file (via json-server).
https://github.com/rahulkeerthi/dashboard
Last synced: about 2 months ago
JSON representation
Childminder and child interactive dashboard built in React with Material UI, consuming a json database file (via json-server).
- Host: GitHub
- URL: https://github.com/rahulkeerthi/dashboard
- Owner: rahulkeerthi
- Created: 2020-07-09T21:31:29.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T11:12:44.000Z (over 2 years ago)
- Last Synced: 2025-04-02T04:57:19.679Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 2.29 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Childminder Dashboard (Tech Test)
User stories contained in this app are as follows:
1. As a dashboard user, I have access to a summary view of all providers and can sort them by name. The summary should show the childminder's personal information and the list of active enrollments identified by the children names.
2. As a dashboard user, I can filter and find the childminders that have no active enrollments.
For instance:
- childminder `prv_M99ifW2EFnX333DY` has no active enrollments
- childminder `prv_jVUpRgpDL4D9B1iu` have 4 enrollments listed but the enrolled children are missing in the `children` database
3. As a dashboard user, I can view the details of a given enrollment. The detailed view should display the start date, the child's and guardians personal information.
4. As a dashboard user, I can add a new childminder (don't worry about children or enrollment for now) with the following required properties :
- a randomised slug `/prv_\S{16}/`
- a valid name
- a valid email
- a valid date of birth (must be at least 18 years old)
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
### `yarn start-api`
Runs the json-server in development mode using the `db.json` file in the root folder.
Open [http://localhost:3001](http://localhost:3001) to view it in the browser.
### `yarn test`
Launches the test runner in the interactive watch mode.