Modern Todo Application

A feature-rich, modern Todo application built with React and Vite, featuring a beautiful UI and comprehensive task management capabilities.

✨ Features

• 📝 Create, edit, and delete tasks
• 🎨 Priority levels with visual indicators
  • High (Red)
  • Medium (Yellow)
  • Low (Green)
• 📅 Due date tracking with notifications
• 🔍 Real-time search functionality
• 🔄 Multiple sorting options
  • Creation date
  • Due date
  • Priority
  • Alphabetical
• 📋 Filter tasks by status
  • All tasks
  • Active tasks
  • Completed tasks
• 🌓 Dark mode support
• 📱 Responsive design
• 💾 Local storage persistence
• ⌨️ Keyboard shortcuts
• 🔔 Toast notifications for actions

🛠️ Built With

• React - UI Library
• Vite - Build Tool
• Modern CSS with Flexbox
• Local Storage API

🎯 Usage

1. Adding a Task

   • Type your task in the input field
   • Select priority level
   • Set due date (optional)
   • Press Enter or click Add button

2. Managing Tasks

   • Click the checkbox to mark as complete
   • Use Edit button to modify task details
   • Use Delete button to remove tasks
   • Clear Completed button removes all completed tasks

3. Organizing Tasks

   • Use the search bar to find specific tasks
   • Sort tasks using the dropdown menu
   • Filter tasks using the status buttons
   • Tasks are automatically saved to local storage