Project Management App
Collaborative Web App with AI Insights
Overview
Modern project management solution built with Next.js 15 App Router, featuring real-time collaboration, advanced task tracking, and AI-powered insights. Designed for seamless team productivity with cutting-edge tools and intuitive interfaces.
Technologies Used
Next.js 15Supabase (Auth + PostgreSQL + Storage)Tailwind CSSShadcn UIZustandZodTiptapDnD KitRechartsResend
Key Features
- Secure Authentication with Supabase Auth
- Drag & Drop Task Management (DnD Kit)
- Rich Text Editor for task notes (Tiptap)
- Real-time Data Sync via Supabase and React Query
- Custom Data Visualizations using Recharts
- Email Notifications via Resend
- Type-safe Form Validation with Zod
- Global State Management using Zustand
- Responsive UI Components with Shadcn and Tailwind CSS
Lessons Learned
Explored state synchronization across realtime channels, integrated drag-and-drop logic with persistent updates, and optimized forms using Zod. Gained deep experience in composing modular components and building productive multi-user flows.