Skip to content

Latest commit

 

History

History
87 lines (61 loc) · 1.92 KB

readme.md

File metadata and controls

87 lines (61 loc) · 1.92 KB
Raw

Todo App

A simple and responsive Todo App built using HTML, CSS, and JavaScript. This app allows users to add, edit, delete, and clear tasks. The tasks are saved in the local storage of the browser, so they persist even after the page is refreshed.

Features

  • Add new tasks
  • Edit existing tasks
  • Delete individual tasks
  • Clear all tasks
  • Persistent storage using local storage
  • Responsive design

Demo

You can view a live demo of the app here.

Installation

  1. Clone the repository:

    git clone https://github.com/ZamanSikander/todo-project.git

  2. Navigate to the project directory:

    cd todo-project

  3. Open index.html in your web browser:

    open index.html

Usage

  1. Add a Task:

    • Enter a task in the input field.
    • Click the "Add Task" button.

  2. Edit a Task:

    • Click the "Edit" icon next to the task you want to edit.
    • Enter the new task text in the prompt.
    • Click "OK" to save the changes.

  3. Delete a Task:

    • Click the "Delete" icon next to the task you want to remove.

  4. Clear All Tasks:

    • Click the "Clear All Tasks" button to remove all tasks from the list.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Font Awesome (for icons)

Project Structure

todo-app/
│
├── index.html
├── styles.css
├── script.js
└── README.md

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

  1. Fork the repository
  2. Create a new branch (git checkout -b feature-branch)
  3. Commit your changes (git commit -m 'Add new feature')
  4. Push to the branch (git push origin feature-branch)
  5. Create a new pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Feel free to modify and expand upon this README file to suit your specific needs and preferences.