https://github.com/alok-mishra143/to-do-list
web app to manage your task
https://github.com/alok-mishra143/to-do-list
css css3 html html5 javascript type-writer
Last synced: 4 months ago
JSON representation
web app to manage your task
- Host: GitHub
- URL: https://github.com/alok-mishra143/to-do-list
- Owner: alok-mishra143
- Created: 2023-06-05T14:03:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-01T14:19:38.000Z (over 1 year ago)
- Last Synced: 2025-01-13T19:46:05.773Z (5 months ago)
- Topics: css, css3, html, html5, javascript, type-writer
- Language: CSS
- Homepage: https://alok-mishra143.github.io/to-do-list/
- Size: 97.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
you can see the preview from this link:-https://alok-mishra143.github.io/to-do-list/
# web preview
this is my 1st web project
# To-Do List Project
## Overview
The To-Do List project is a simple web application built with HTML, CSS, and JavaScript that allows users to create and manage their daily tasks. The project incorporates a typewriter effect for a unique user experience and utilizes browser cookies to store the to-do list, ensuring persistence across sessions.
## Features
- **Intuitive Interface:** The user-friendly interface makes it easy for users to add, edit, and remove tasks from their to-do list.
- **Typewriter Effect:** A typewriter effect adds a dynamic and engaging element to the user interface, enhancing the overall user experience.
- **Cookie Storage:** The to-do list is stored in the browser's cookies, allowing users to access their tasks even after closing and reopening the browser.
## Technologies Used
- **HTML:** The project structure is built using HTML to create a clear and semantic layout.
- **CSS:** Cascading Style Sheets are employed for styling the user interface, ensuring an aesthetically pleasing and responsive design.
- **JavaScript:** The logic behind adding, editing, and removing tasks, as well as the typewriter effect, is implemented using JavaScript.
- **Typewriter Effect CDN:** The typewriter effect is achieved by integrating a typewriter library using a Content Delivery Network (CDN), providing efficient and reliable access to the required resources.
## Getting Started
1. **Clone the Repository:**
```bash
git clone https://github.com/alok-mishra143/to-do-list.git
```
2. **Open the Project:**
Open the project in your preferred code editor.
3. **Run the Project:**
Open the `index.html` file in a web browser to launch the To-Do List application.
## Usage
1. **Add a Task:**
Use the input field to add new tasks to the to-do list.
2. **Edit a Task:**
Click on a task to edit its content.
3. **Remove a Task:**
Hover over a task and click the delete icon to remove it from the list.
4. **Typewriter Effect:**
Experience the typewriter effect as you interact with the application.
## Contributing
Contributions are welcome! If you have ideas for improvements or new features, feel free to submit a pull request.
## License
This project is licensed under the [MIT License](LICENSE.md).
## Acknowledgments
- Special thanks to [Typewriter Library](typewriter-library-url) for providing the typewriter effect used in this project.
Happy task managing! 🚀