📝 To-Do List Web Application

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

✨ Features:

➕ 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.

✅ Task Management:

• Mark as Complete/Incomplete: Tasks can be checked or unchecked with a simple click, allowing you to mark them as complete or incomplete.
• Quick Deletion: Each task includes a cross-image icon for quick deletion, making task management efficient and effortless.

🔝 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.

💾 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.

📱 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:

➕ Adding Tasks:

1. Type your task in the input field.
2. Click the "ADD" button or press Enter.
3. Optionally, set the priority for the task when prompted.

✅ Managing Tasks:

• Toggle Complete/Incomplete: Click on a task to toggle between checked and unchecked states.
• Delete Task: Click on the cross-image icon to delete a task.

🔝 Priority-Based Sorting:

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

💾 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.

📱 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.

🆕 New Features:

🔧 Improved UI:

• Font-Family: Updated to a more modern and visually appealing font-family for better readability and aesthetics.
• Color Scheme: Enhanced the color scheme with better background and text colors to improve the overall user experience.
• Responsive Layout: Improved the layout for better support of media queries, including adjustments to the input box, priority dropdown section, and button positions.

⏭️ Cursor Navigation:

• Automatic Cursor Placement: The cursor is automatically placed in the input box when the application loads, so users can start typing their tasks right away without manually clicking on the input box.
• Seamless Navigation: Use the Enter key to cycle the cursor through the input box, priority dropdown, and ADD button, enhancing the user experience by eliminating the need for manual clicks.
• Priority Dropdown Focus: When the focus moves to the priority dropdown, the background color of the selected option turns grey for better visibility.
• Key Selection for Priority: Users can select the priority by pressing keys 1 to 5 or using the arrow up/down keys, making it easier to set priorities without using the mouse.

🙏 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! 🎉

---