A simple Task Manager built using React and Vite, perfect for learning and teaching core React concepts.

This project demonstrates the following React features:

• JSX

• Components (Functional)

• Props

• State (useState)

• Events Handling

• Conditional Rendering

• List Rendering

• Lifting State Up

• Basic Form Handling

• Basic Styling (external CSS)

• Controlled Components

• Derived State (Computed Filtering & Search)

• Side Effects (useEffect)

• Local Storage Persistence

• Custom Hooks (useLocalStorage)

• React Router

• Context API

• Async Data Fetching (with fetch/axios)

+-----------------------------------------------------+ | Task Manager | +-----------------------------------------------------+

+-----------------------------------------------------+ | [ Enter a new task _____________________________ ] | | [Add Task] | +-----------------------------------------------------+

+-----------------------------------------------------+ | • Learn React [✖] | | • Build Task Manager [✖] | | ✓ Study useState hook (completed) [✖] | +-----------------------------------------------------+

Use the following commands to set up the project using Vite:

npm create vite@latest task-manager --template react
cd task-manager
npm install
npm run dev

task-manager/ ├── public/ ├── src/ │ ├── Pages/ │ │ ├── Home.jsx // Task Manager Home Page │ │ └── About.jsx // A static Page │ ├── components/ │ │ ├── TaskForm.jsx │ │ └── TaskList.jsx │ ├── App.jsx │ ├── index.css │ └── main.jsx └── index.html