🚀 TASKFLOW

Organize. Assign. Deliver.
Task management & team performance platform for modern teams

---

---

🌍 Live Demo

🔗 App URL: task-manager-45y6.vercel.app

🧪 Demo Credentials: Log in with these accounts to explore all features.

Role	Email	Password
👨‍💼 Admin	admin@taskflow.dev	Admin@123
👷 User	user2@taskflow.dev	User2@123

---

📸 Screenshots

Landing Page	Sign Up

Admin Dashboard	Manage Tasks	Team Members

User Dashboard	Task View	Task Update

Spreadsheet View

---

✨ Features

✔️ Role-Based Access (Admin / User) via JWT ✔️ Interactive Dashboards (Admin & User) ✔️ Task Assignment, Updates & Completion Tracking ✔️ Team Member Performance Metrics ✔️ Spreadsheet View for Admins ✔️ Secure Authentication with Bcrypt ✔️ Fully Responsive UI with TailwindCSS

---

🛠️ Tech Stack

Category	Technologies
Frontend	React, Vite, TailwindCSS, Axios
Backend	Node.js, Express.js, MongoDB (Mongoose)
Auth	JWT, bcrypt
Hosting	Vercel (Frontend), Render / Localhost (Backend)

---

⚙️ Local Setup

Clone, install dependencies, configure env, and run!

🔁 Clone Project

git clone https://github.com/Divyanshu11010/TaskManager
cd TaskManager

💡 Install Frontend Dependencies

cd client/TaskManager
npm install

🧠 Install Backend Dependencies

cd ../../backend
npm install

🔐 Generate JWT Secret

node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"

📦 Configure Environment Variables

.env for Backend

MONGO_URI=your_mongo_uri
JWT_SECRET=your_generated_secret
ADMIN_INVITE_TOKEN=custom_token
SERVER_PORT=5000
CLIENT_URL=http://localhost:5173

.env for Frontend

VITE_SERVER_URL=http://localhost:5000

🚀 Start Development Servers

Frontend

cd client/TaskManager
npm run dev

Backend

cd ../../backend
npm run dev

---

📁 Project Structure

TaskManager/
├── backend/             # Node + Express API
│   ├── config/
│   ├── controllers/
│   ├── middlewares/
│   ├── models/
│   └── routes/
├── client/TaskManager/src  # React App with TailwindCSS
│   ├── components/
│   ├── pages/
│   └── context/
└── README.md

---

🚧 Future Improvements

• 📬 Email Notifications on Task Assignment
• 🗓️ Task Deadline Reminders
• 📊 Advanced Analytics Dashboard
• 🧩 Multi-team Support for Organizations

---

🤝 Contributing

We love contributions!

git checkout -b feature-name
git commit -m "Add some feature"
git push origin feature-name

Then create a Pull Request 🚀

---

👨‍💻 Author

Made with ❤️ by Divyanshu11010

---

⭐ Support

If you found this project useful, don’t forget to leave a ⭐ and share it!