Task Manager 📝

🚀 Project Overview

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.

✨ Features

• 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

🛠️ Technologies Used

• React 18
• JavaScript (ES6+)
• useState Hook
• Event Handling
• Array Methods (map, filter)
• Conditional Rendering
• CSS-in-JS Styling

🎯 Learning Objectives

• 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

📊 Key Functionalities

• 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

🚀 Quick Start

# 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