bishwarup-das / codealpha_to-do-list Goto Github PK

To-Do List Web Application

This To-Do List Web Application is a simple yet powerful tool to help you organize your tasks effectively. Built using HTML, CSS, and JavaScript, it offers a user-friendly interface with several useful features.

Features:

1. Adding Tasks:

You can add tasks easily by typing them into the input field and clicking the "ADD" button or by simply pressing the Enter key on your keyboard.

2. Task Management:

Tasks can be checked or unchecked with a simple click, allowing you to mark them as complete or incomplete. Each task also includes a cross-image icon for quick deletion, making task management efficient and effortless.

3. Priority-Based Sorting:

You can set the priority for each task, ensuring that important tasks are easily identifiable and organized accordingly. The application automatically sorts tasks based on their priority, helping you focus on the most urgent or important tasks first.

4. Local Storage:

Your tasks are saved securely in the browser's local storage, ensuring that your task list remains intact even if the browser is refreshed or closed accidentally. This feature provides convenience and peace of mind, allowing you to access your tasks anytime, anywhere.

5. Responsive Design:

The application is fully responsive and optimized for both mobile and tablet devices, providing a seamless user experience across different screen sizes and devices.

Usage:

1. Adding Tasks:

Type your task in the input field and click the "ADD" button or press Enter. Optionally, set the priority for the task when prompted.

2. Managing Tasks:

Click on a task to toggle between checked and unchecked states. Click on the cross-image icon to delete a task.

3. Priority-Based Sorting:

Tasks are automatically sorted based on their priority, with higher priority tasks displayed first.

4. Local Storage:

Your tasks are automatically saved in the browser's local storage, allowing you to access them even after refreshing or closing the browser.

5. Responsive Design:

The application is designed to adapt to different screen sizes and devices, providing a consistent user experience on desktop, mobile, and tablet devices.

Thank You:) Thank you for using our To-Do List Web Application! We hope it helps you stay organized and productive. If you have any feedback or suggestions for improvement, please feel free to contact us. Happy task managing!