CodeAlpha_Project_To-do list App

To-Do List Web Application

This simple To-Do List web application is built using HTML, CSS, and JavaScript. Users can easily create, save, and organize their daily tasks. This app simplifies task management and provides a convenient way to track and prioritize tasks.

Features-

1. Add Tasks: Enter a task in the input field and click the "+" button to add it to your list.

2. Edit Tasks: Click the edit button (pencil icon) next to a task to edit its description.

3. Delete Tasks: Click the delete button (trash can icon) next to a task to remove it from the list.

4. Mark Tasks as Completed: Check the checkbox next to a task to mark it as completed. Completed tasks are visually differentiated.

5. Priority Levels: Tasks can be assigned priority levels (low, medium, high), which are visually represented in the task list.

6. Progress Tracking: See a visual representation of your task completion progress with a progress bar.

Usage-

1. Add a Task: Type your task in the input field labeled "Enter your tasks!!". Press the "+" button to add the task to your list.

2. Edit a Task: Click the edit button (pencil icon) next to the task you want to edit. Modify the task text in the input field that appears. Press Enter or click outside the input field to save your changes.

3. Delete a Task: Click the delete button (trash can icon) next to the task you want to delete. Confirm the deletion when prompted.

4. Mark a Task as Completed: Check the checkbox next to a task to mark it as completed. Completed tasks are visually indicated with a different background.

5. Track Progress: See the number of completed tasks out of total tasks at the top of the app. A progress bar below the task list visually represents your completion progress.

Installation

1. To run this application locally: Clone this repository to your local machine- git clone https://github.com/ArnoldSeb/CodeAlpha_Project_To-do-list.git

2. Open the 'index.html' file in your web browser.

Credits- Icons used for edit and delete functionalities sourced from Flaticon

Fonts used: MyFont1, MyFont2, MyFont3 (included in style.css).

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