Javascript-Day5-TodoListwebapp

A simple, responsive Todo List application built with HTML, CSS, and JavaScript. This app allows you to manage your tasks effectively with features like task creation, editing, marking as complete, deletion, and filtering tasks by status. It also saves your tasks locally, ensuring your data persists across sessions.

Features

1. Task Creation: Add new tasks with names and descriptions.
2. Task Editing: Edit task details at any time.
3. Task Completion: Mark tasks as complete or incomplete.
4. Task Deletion: Remove tasks that are no longer needed.
5. Filter Tasks: View tasks based on their completion status (All, Completed, Incomplete).
6. Persistent Storage: Tasks are saved locally in the browser, ensuring no data loss after refreshing or closing the app.
7. Real-Time Notifications: Instant feedback for task actions, such as adding, editing, or deleting tasks.

Technologies Used

1. HTML: Structure and content of the application.
2. CSS: Styling to make the app visually appealing and responsive.
3. JavaScript: Logic for managing tasks, filtering, and interacting with local storage.

Installation

-To run this app locally, follow these steps:

1. Clone this repository: bash (https://github.com/SamuelMarete/Javascript-Day5-TodoListwebapp.git)
2. Open the index.html file in your browser to start using the app.

Usage

1. Add Task: Enter a task name and description, then click "Add Task."
2. Edit Task: Click the pencil icon on any task to modify it.
3. Complete Task: Click the checkmark icon to mark a task as complete.
4. Delete Task: Click the trash icon to delete a task.
5. Filter Tasks: Use the filter buttons to view tasks by their completion status.

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

Here is a screenshot