Skip to content

A premium, modern Kanban board application built with Next.js, Supabase, and Tailwind CSS featuring dark mode and SaaS-style aesthetics

License

Notifications You must be signed in to change notification settings

ak-rahul/kanban-task-manager

Repository files navigation

Kanban Task Manager

A premium, modern SaaS-style Kanban application built with Next.js, Supabase, and Tailwind CSS.

Features

  • 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.

Tech Stack

Getting Started

Prerequisites

  • Node.js 18+
  • A Supabase project

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/kanban-task-manager.git
  2. Install dependencies:

    npm install
  3. Set up environment variables: Create a .env.local file in the root directory:

    NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
    NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
  4. Run the development server:

    npm run dev
  5. Open http://localhost:3000 in your browser.

Project Structure

See ARCHITECTURE.md for a detailed breakdown of the codebase organization.

Contributing

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

About

A premium, modern Kanban board application built with Next.js, Supabase, and Tailwind CSS featuring dark mode and SaaS-style aesthetics

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published