A premium, modern SaaS-style Kanban application built with Next.js, Supabase, and Tailwind CSS.
- Beautiful UI: Polished SaaS aesthetic with optimized dark mode support and premium shadows.
- Drag & Drop: Smooth, intuitive Kanban board experience powered by
@dnd-kit. - Real-time: Instant updates via Supabase Realtime and persistent optimistic UI.
- Secure: Full authentication, Password Management, and Account Deletion capabilities.
- Organized: Create multiple boards with custom icons and colors.
- Framework: Next.js 15 (App Router)
- Database & Auth: Supabase
- Styling: Tailwind CSS & shadcn/ui
- Icons: Lucide React
- Node.js 18+
- A Supabase project
-
Clone the repository:
git clone https://github.com/yourusername/kanban-task-manager.git
-
Install dependencies:
npm install
-
Set up environment variables: Create a
.env.localfile in the root directory:NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
See ARCHITECTURE.md for a detailed breakdown of the codebase organization.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request