React Task Manager (Practice Project)

This project is a practice application built using React JS and Vite. It demonstrates basic React concepts such as components, state management, event handling, filtering, and sorting.

The application allows users to manage tasks in a simple dashboard interface.

---

Features

• Add new tasks
• Edit task description
• Delete tasks
• Mark tasks as completed
• Search tasks
• Filter tasks (All / Completed / Pending)
• Sort tasks by name, priority, or due date
• View overall task progress
• Dark mode toggle
• Tasks saved using Local Storage

---

Technologies Used

• React JS
• Vite
• JavaScript
• HTML
• CSS

---

Project Purpose

This project was created for learning and practicing React JS concepts, including:

• Functional Components
• React Hooks (useState, useEffect, useMemo)
• Component communication
• Form handling
• Conditional rendering
• Dynamic UI updates

---

Project Structure

src
 ├── App.jsx
 ├── main.jsx
 ├── App.css
 ├── index.css
 └── components
      ├── TaskInput.jsx
      ├── TaskItem.jsx
      ├── TaskList.jsx
      ├── ProgressBar.jsx
      └── ModalDialog.jsx

---

Run the Project

Install dependencies:

npm install

Start development server:

npm run dev

---

Author

Dhruvi Moradiya