CollabSpace — Collaborative Project Workspace

A production-ready, real-time collaborative project management workspace built with Next.js 14, Zustand, Tailwind CSS, and Framer Motion.

✨ Features

Core Requirements (ALG-WEB-01)

• ✅ Projects & Tasks — Create projects with custom colors, add tasks
• ✅ Task Assignment/Status — Assign to team members, drag between 4 columns
• ✅ Comments/Files — Threaded comments on every task
• ✅ Deadlines/Progress — Due dates with overdue detection, visual progress bars
• ✅ Dashboard — Stats overview, project grid, recent activity
• ✅ Real-time Updates — Presence indicators, live editing states

Innovation / Bonus

• 🔥 Conflict Detection — Version-based optimistic concurrency control prevents silent overwrites
• 🔥 Presence Indicators — See who's online and who's editing what
• 🔥 Dark/Light Theme — Beautiful themes with system preference detection
• 🔥 Drag & Drop — Move tasks between columns
• 🔥 Quick Add — Inline task creation in any column

🚀 Quick Start

Option 1: Deploy to Vercel (No Setup Required)

1. Push this repo to GitHub
2. Import to vercel.com
3. Deploy — works immediately with localStorage fallback

Option 2: Local Development

npm install
npm run dev