Merkle Calendar Assignment

Deployed Link : https://merkle-ten.vercel.app/ Primary focus of mine was to build a functional fronted architecture, I had given 2 main functionalities that are previewing calendar and all events in a month at once. To be transparent time didn't sufficed for making the calendar for all viewports and responsive.

Screenshots

Calendar List

Functionalities

1.Integrated holidays Api

2.UI for Light and Dark mode.

3.Had an additional feature in form of list page which lists all holidays of a month once.

4.Implemented querying(retrieving data from) the API, the API have monthly limit for 500 replace key if the holidays aren't being fetched

5.Have a Pixel perfect and clean UI

6.Implemented loader/toast

7.Location wise local festivals can be displayed

8. Pagination to traverse through months/years

9. Dropdown to select year and month

How to run the application

Project Setup

  • Clone the project on your local
  • Execute npm install on the same path as of your root directory of the downloaded project
  • Execute npmstart` for running application in your local machine