🗂 Task Management Board

A modern and responsive Task Management Board built using React + Vite.
This application allows users to efficiently manage tasks by organizing them into different stages such as:

• To Do
• Doing
• Done

---

Features

• Create new tasks
• Edit existing tasks
• Delete tasks
• Move tasks between workflow stages
• Persistent storage using LocalStorage
• Clean and responsive UI
• Fast performance with Vite

---

🛠 Tech Stack

• Frontend: React.js
• Build Tool: Vite
• State Management: React Hooks & Context API
• Styling: CSS
• Package Manager: npm
• Linting: ESLint

---

📂 Project Structure

task-board/
│
├── index.html
│
├── public/
│
├── src/
│   ├── components/
│   │   └── TaskCard.jsx
│   │
│   ├── context/
│   │   └── AuthContext.jsx
│   │
│   ├── pages/
│   │   ├── Board.jsx
│   │   └── Login.jsx
│   │
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   ├── main.jsx
│   └── eslint.config.js
│
├── package.json
├── package-lock.json
└── README.md

---

Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/NJyotsna/Task-Management-Board.git
cd Task-Management-Board

---

2️⃣ Install Dependencies

npm install

---

3️⃣ Run the Development Server

npm run dev

The app will run locally at:

http://localhost:5173/

---

Build for Production

To create an optimized production build:

npm run build

---

Preview Production Build

To preview the production build locally:

npm run preview

---

Deployment

This project can be deployed on:

• Vercel
• Netlify
• GitHub Pages

Recommended: Vercel (best for Vite projects)

---

Author

N Jyotsna

GitHub: https://github.com/NJyotsna

---

⭐ If you found this project useful, consider giving it a star! :)