#Calendar Web App
Welcome to the Holiday Calendar web application! This project is built using React, Tailwind CSS, and TypeScript. It provides users with a convenient way to explore public holidays based on their location.
- View Options: Users can switch between month and year views using a button.
- Choose month: Users can click on a month in yearly view to view the month in monthly view.
- Searchbar: The location can be changed by searching for a country in the search bar.
- Public Holidays: The app utilizes an open-source API to fetch public holidays for the selected location. Holidays are displayed in the calendar, and users can view holiday details by clicking on the holiday date.
- Responsive Design: The web-app is fully responsive and adapts to different screen sizes.
-
Searching: Enhancing user search experience with inclusive country filters for better navigation.
-
Pixel Perfect UI: The user interface is designed with attention to detail, ensuring a visually appealing and seamless experience.
- Open-Source API : https://date.nager.at/Api
To set up this project locally for development purposes, follow these steps:
- Clone the repository:
git clone https://github.com/shashwat-mittal/Calendar- Navigate to the project directory:
cd Calender- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:3000 .
.png)
.png)