-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4f26b92
commit fe1f668
Showing
1 changed file
with
80 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,80 @@ | ||
# Mini-Calendar | ||
# Mini Calendar | ||
|
||
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. | ||
|
||
## Features | ||
|
||
- **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. | ||
|
||
## Demo | ||
|
||
Check out the live demo of the Mini Calendar [here](#). (Replace `#` with your live demo link if available.) | ||
|
||
## Getting Started | ||
|
||
### Prerequisites | ||
|
||
To run this project locally, you need a modern web browser. | ||
|
||
### Installation | ||
|
||
1. Clone the repository: | ||
|
||
```bash | ||
git clone https://github.com/your-username/mini-calendar.git | ||
``` | ||
|
||
2. Navigate to the project directory: | ||
|
||
```bash | ||
cd mini-calendar | ||
``` | ||
|
||
3. Open `index.html` in your web browser to view the calendar. | ||
|
||
### Usage | ||
|
||
- Simply open the `index.html` file in your browser, and the calendar will display the current day, date, month, and year. | ||
|
||
## Code Overview | ||
|
||
### HTML | ||
|
||
- The `index.html` file contains the structure of the mini calendar, with placeholders for the day, date, month, and year. | ||
|
||
### CSS | ||
|
||
- The `style.css` file handles the styling, providing a simple and clean layout for the calendar. | ||
|
||
### JavaScript | ||
|
||
- The `script.js` file contains the logic to fetch and display the current day, date, month, and year. | ||
|
||
## Contributing | ||
|
||
Contributions are welcome! If you find any bugs or have suggestions for improvements, feel free to open an issue or submit a pull request. | ||
|
||
### Steps to Contribute | ||
|
||
1. Fork the repository. | ||
2. Create a new branch: `git checkout -b feature-branch-name` | ||
3. Make your changes and commit them: `git commit -m 'Add some feature'` | ||
4. Push to the branch: `git push origin feature-branch-name` | ||
5. Open a pull request. | ||
|
||
## License | ||
|
||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. | ||
|
||
## Contact | ||
|
||
If you have any questions or feedback, feel free to reach out: | ||
|
||
- **GitHub**: [mathewjosephta](https://github.com/mathewjosephta) | ||
- **Email**: [email protected] | ||
|
||
--- |