A simple mini calendar that displays the current day, date, month, and year using HTML, CSS, and JavaScript. This project serves as a basic example of using web technologies to create a dynamic and interactive user interface.
- Current Day Display: Shows the current day (e.g., Monday, Tuesday).
- Current Date Display: Displays today's date in the format DD/MM/YYYY.
- Current Month Display: Displays the current month (e.g., January, February).
- Current Year Display: Displays the current year.
- Responsive Design: Adjusts well to different screen sizes.
Check out the live demo of the Mini Calendar here.
To run this project locally, you need a modern web browser.
-
Clone the repository:
git clone https://github.com/your-username/mini-calendar.git
-
Navigate to the project directory:
cd mini-calendar -
Open
index.htmlin your web browser to view the calendar.
- Simply open the
index.htmlfile in your browser, and the calendar will display the current day, date, month, and year.
- The
index.htmlfile contains the structure of the mini calendar, with placeholders for the day, date, month, and year.
- The
style.cssfile handles the styling, providing a simple and clean layout for the calendar.
- The
script.jsfile contains the logic to fetch and display the current day, date, month, and year.
Contributions are welcome! If you find any bugs or have suggestions for improvements, feel free to open an issue or submit a pull request.
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch-name - Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature-branch-name - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or feedback, feel free to reach out:
- GitHub: mathewjosephta
- Email: [email protected]