To-Do-list

Todo List Application

The Todo List Application is a JavaScript-based web application that allows users to manage and organize their tasks. It provides an intuitive interface for creating, updating, and deleting tasks, as well as marking tasks as complete.

Features

• Create new tasks with titles and optional descriptions.
• Mark tasks as complete.
• Edit task details, such as title and description.
• Delete tasks.
• Filter tasks based on their completion status (all, completed, or active).
• Persistent data storage using local storage.

Technologies Used

• HTML
• CSS
• JavaScript(ES6)

Live Demo

To interact with project click here

Getting Started

To use the Todo List Application locally, follow these steps:

1. Clone the repository: git clone git@github.com:Kelvin-Ben/To-Do-list.git
2. Navigate to the project directory: cd To-Do-list
3. Open the index.html file in your preferred web browser.

Usage

• Add a new task by entering a title and, optionally, a description in the provided input fields and clicking the “Add Task” button.
• Existing tasks are displayed in a list format, with each task showing its title, description, and completion status.
• Click the checkbox next to a task to mark it as complete. Completed tasks are visually differentiated from active tasks.
• Edit a task by clicking the “Edit” button next to the task. This will open a modal window where you can update the task’s title and description.
• Delete a task by clicking the “Delete” button next to the task. This will remove the task from the list.
• Use the filter options (All, Completed, Active) to display tasks based on their completion status.
• The application automatically persists task data using local storage, so your tasks will be saved even after refreshing the page.

  Authors

👤 Kelvin Benjamin

• GitHub: @Kelvin-Ben
• Twitter: @Kevoyout144
• Linkedin Kelvin-ben

🤝 Contributing

• Contributions to this Todo List Application are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

• Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Thanks to Microverse for providing such a fantastic platform to learn and collaborate with people from all around the world.

License

• This project is licensed under the MIT License