A feature-rich task management application built with React that helps users organize, prioritize, and track their tasks efficiently. Includes priority levels, completion tracking, and intuitive task management.
- Add New Tasks with priority levels (Low 🟢, Medium 🟡, High 🔴)
- Mark Tasks as Complete/Incomplete with visual strikethrough
- Delete Tasks with one click
- Priority-based Coloring - Visual indicators for task importance
- Responsive Design - Works seamlessly on all devices
- Form Validation - Prevents empty task submissions
- Real-time Updates - Instant UI feedback for all actions
- React 18
- JavaScript (ES6+)
- useState Hook
- Event Handling
- Array Methods (map, filter)
- Conditional Rendering
- CSS-in-JS Styling
- Advanced state management with arrays and objects
- Complex event handling (toggle, delete, add)
- Conditional styling based on state
- Form validation and controlled components
- Array manipulation (add, update, delete)
- Professional UI/UX patterns
- Task Creation: Add tasks with text and priority
- Task Completion: Toggle done/undone status
- Task Deletion: Remove tasks permanently
- Visual Feedback: Color-coded priorities and strikethrough for completed tasks
- User Experience: Intuitive controls and responsive design
# Clone the repository
git clone https://github.com/banumariwan/12_Task_Manager.git
# Navigate to project directory
cd 12_Task_Manager
# Install dependencies
npm install
# Start development server
npm start