A React Typescript holiday calendar built using NextJS & Tailwind.

  • By Janith Randeniya
  • Last update: Jan 25, 2022
  • Comments: 0

_holidays

A React Typescript holiday calendar built using NextJS & Tailwind.

The calendar supports selecting a country and type of holiday, which will fetch real-time data from calendarific to display.

Sample Screenshots:

Sample app screenshot Sample modal screenshot

Run locally

  • Run yarn to install dependencies.
  • Create a free account with calendarific and generate an API key.
  • Make a copy of .env.sample and rename it to .env.local.
  • Add the calendarific API key to .env.local.
  • Run yarn dev and open localhost:3000

Github

https://github.com/jrandeniya/_holidays