Skip to content

A simple and interactive Todo App built using HTML, CSS, and JavaScript. It allows users to create, mark as completed, and delete tasks, with data persistence using localStorage.

Notifications You must be signed in to change notification settings

milindkusahu/todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo App by Milind

A simple and interactive Todo App built using HTML, CSS, and JavaScript. It allows users to create, mark as completed, and delete tasks, with data persistence using localStorage.

Features

  • Add new tasks to your todo list
  • Mark tasks as completed
  • Delete individual tasks
  • Clear all tasks at once
  • Data persistence using localStorage

Getting Started

To get started with the Todo App, follow these steps:

  1. Clone the repository:

    git clone https://github.com/milindkusahu/todo-app.git
  2. Navigate to the project directory:

    cd todo-app
  3. Open the index.html file in your web browser.

Usage

  • Enter a task in the input field and press Enter or click the "+" button to add it to the todo list.
  • Click on the checkbox next to a task to mark it as completed. The task will be visually strikethrough.
  • Click on the "Delete" button next to a task to remove it from the list.
  • Click on the "Clear All" button to remove all tasks from the list.

The app automatically saves your tasks in the browser's localStorage, so your data persists even if you refresh the page or close the browser.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Bootstrap (for styling)

Project Structure

The project consists of the following files:

  • index.html: The main HTML file that contains the structure of the Todo App.
  • styles.css: The CSS file that defines the styles for the Todo App.
  • script.js: The JavaScript file that handles the functionality of the Todo App.

Contributing

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request.

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature.
  3. Make your changes and commit them: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature/your-feature.
  5. Submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

Contact

If you have any questions, suggestions, or feedback, please feel free to reach out:

Happy task management with the Todo App! 📝✨

About

A simple and interactive Todo App built using HTML, CSS, and JavaScript. It allows users to create, mark as completed, and delete tasks, with data persistence using localStorage.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published