Skip to content

KhulisoJohn/mini-calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mini Calendar

Overview

This is a simple, interactive mini calendar built using HTML, CSS, and JavaScript. The calendar dynamically displays the current month and allows users to navigate between months.

Features

  • Displays the current month and year.
  • Highlights the current day.
  • Allows users to navigate between months.
  • Responsive design for different screen sizes.

Technologies Used

  • HTML: Structure of the calendar.
  • CSS: Styling and layout.
  • JavaScript: Functionality for navigation and date handling.

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/mini-calendar.git
  2. Navigate to the project directory:
    cd mini-calendar
  3. Open index.html in your browser.

Usage

  • Use the next and previous buttons to change months.
  • The current day is highlighted automatically.

Folder Structure

mini-calendar/
│── index.html      # Main HTML file
│── styles.css      # Styles for the calendar
│── script.js       # JavaScript functionality
└── README.md       # Project documentation

Future Improvements

  • Add event scheduling functionality.
  • Integrate a to-do list for each day.
  • Support different themes.

License

This project is open-source and free to use under the MIT License.

Author

Khulyso John
Feel free to reach out or contribute!

About

This is a simple, interactive mini calendar built using HTML, CSS, and JavaScript. The calendar dynamically displays the current month and allows users to navigate between months.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors