Skip to content

A clean and responsive calendar application built with React. It dynamically displays the current month and highlights today’s date and can able to look out various dates of a specific year

Notifications You must be signed in to change notification settings

nanthakumar-m/calender_app-react

Repository files navigation

📅 Calendar App – React

This Calendar App is a lightweight and responsive React application that dynamically renders the current month and year, and highlights today’s date. It accurately aligns the dates to weekdays and adjusts for month length and leap years, providing a functional and visually neat calendar layout

The goal of this project was to gain hands-on experience with date and time logic in JavaScript, use React state and component structuring, and apply array-based rendering.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/calender_app-react/

⚙️ Technologies Used

  • HTML5
  • CSS3
  • React
  • Vite (Build tool)

💡Core Features

✅ Displays current month and year dynamically

✅ Shows all dates for the selected month in correct day positions

✅ Highlights the current date automatically

✅ Uses array logic and Date object manipulation to generate the calendar

🎯 What I Gained / Concepts Practiced

✅ Improved my understanding of working with JavaScript Date and calendar logic

✅ Learned how to dynamically generate grid-based layouts using loops and conditions

✅ Strengthened my skills in React component creation and JSX structure

✅ Practiced deploying a Vite-based React app to GitHub Pages efficiently

📸 Screenshots

image

image

About

A clean and responsive calendar application built with React. It dynamically displays the current month and highlights today’s date and can able to look out various dates of a specific year

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published