Skip to content

alok-mishra143/to-do-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

you can see the preview from this link:-https://alok-mishra143.github.io/to-do-list/

web preview

image

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:

    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.

Acknowledgments

  • Special thanks to Typewriter Library for providing the typewriter effect used in this project.

Happy task managing! 🚀