- Display the current date (initially loaded from JSON file) [DONE]
- On the left of the current date, have a “-“ (minus) button. This will decrease the current date by 1 [DONE]
- On the right of the current date, have a “+“ (plus) button. This will increase the current date by 1. [DONE]
- Display a summary sentence near the top of the page which says “X out of Y people have been vaccinated”. Here, “Y” is the total number of people in the vaccine_dates.json file, and “X” is the number of people who have been vaccinated (vaccine date <= displayed current date) [DONE]
- Display a pie chart to display the % of people who have been vaccinated [DONE]
- Show a table of users with two columns, “Name” and “Vaccination Status” [DONE]
- The Vaccination Status should say “Vaccine Done” in GREEN COLOR if vaccination date <= displayed current date [DONE]
- The Vaccination Status should say “Vaccine Pending” in RED COLOR if vaccination date > displayed current date [DONE]
- When the date changes, the summary, pie chart and table should all get updated. [DONE]
- Please add whatever components and styling you need. [DONE]
- Grading criteria: Correctness, functionality, code quality, styling/alignment/formatting [DONE]
- Basic app UI
- Created all the required variables
- Basic pie chart component
- Data is provided in 'public/data'. This should be fetched, and should not be edited.
