Mello
Fullstack Trello-style project management app with drag-and-drop boards, authentication, dashboards, and billing, built as a modern task workflow clone.
The Challenge
Build a modern Trello-style board app with real authentication, drag-and-drop task management, and paid upgrade paths to showcase fullstack product skills.
The Solution
Implemented an authenticated dashboard where users manage boards, lists, and tasks using Supabase for data, Clerk for auth, Stripe for billing, and drag-and-drop for an intuitive Kanban experience.
Key Features
- •Authenticated user dashboard with boards overview
- •Kanban boards with drag-and-drop columns and tasks
- •Board and task creation, editing, and filtering
- •Role-based access via auth provider
- •Usage limits and upgrade flow with Stripe
- •Responsive, modern UI with TailwindCSS and ShadCN UI
Technologies
Next.js 15TypeScriptSupabaseTailwindCSSShadCN UIStripeClerk
