- Landing Page - Count down how many days left till the latest holiday
- Calender Page - Display month, date, day and special holiday with custom grid
- Chart Page - Bar chart that shows the amount of workdays of each month and highlights the month with the most workday with custom marker
| Tools & Skills | Purpose |
|---|---|
| React Hooks | useState for state management and useMemo for caching |
| MUI | UI components such as Pagenation and component style managment |
| CSS Grid | Using CSS display grid and grid-column-template to make custom grid |
| dayjs | Manage date and month in calender |
| Chartjs | Generate bar chart and add custom annotation |
