🚀 TeamFlow

A modern full-stack team collaboration and project management platform inspired by tools like Jira, ClickUp and Monday.com. TeamFlow helps teams manage projects through Kanban boards, workflows, analytics, AI-powered productivity insights, notifications and role-based collaboration.

---

✨ Features

• 🔐 Secure JWT Authentication
• 👥 Role-Based Access Control (Admin & Member)
• 📋 Kanban Board with Drag & Drop
• ⚙️ Workflow Management
• 📊 Analytics Dashboard with Real-Time Metrics
• 🤖 AI-Generated Productivity Insights
• 🔔 Real-Time Notification System
• 👤 User Profile & Organization Settings
• 📈 Interactive Dashboard
• 🔍 Global Search
• 📱 Responsive Design
• ☁️ MongoDB Atlas Integration

---

📸 Screenshots

🔐 Login

---

📊 Dashboard

---

📋 Kanban Board

---

⚙️ Workflow Management

---

🤖 AI Insights

---

🛠️ Tech Stack

Frontend

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS
• Zustand

Backend

• Node.js
• Express.js
• TypeScript
• MongoDB Atlas
• Mongoose
• JWT Authentication

---

🚀 Getting Started

Clone the repository

git clone https://github.com/pulkitsinha17/teamflow-saas.git

cd teamflow-saas

Install Frontend

npm install

Install Backend

cd server
npm install

Environment Variables

Frontend (.env.local)

NEXT_PUBLIC_API_URL=http://localhost:5000/api

Backend (server/.env)

PORT=5000
MONGO_URI=YOUR_MONGODB_URI
JWT_SECRET=YOUR_SECRET
FRONTEND_ORIGIN=http://localhost:3000

Run Frontend

npm run dev

Run Backend

cd server
npm run dev

---

📂 Project Structure

teamflow-saas
│
├── app/
├── components/
├── hooks/
├── lib/
├── public/
├── styles/
├── server/
│   ├── src/
│   └── package.json
│
├── package.json
└── README.md

---

👨‍💻 Author

Pulkit Sinha

GitHub: https://github.com/pulkitsinha17

---

⭐ If you found this project interesting, consider giving it a star.