A modern Kanban project management web application built with Next.js, TypeScript, and Tailwind CSS.
- 📋 Task Management: Create, organize, and track tasks with drag-and-drop
- 👥 Team Collaboration: Real-time collaboration with team members
- 📊 Analytics: Track progress and productivity with comprehensive analytics
- 🤖 AI Assistant: Intelligent task management with AI integration
- 🔍 Search & Filter: Find tasks quickly with powerful search
- 📱 Responsive Design: Works seamlessly on all devices
- 🌙 Dark Mode: Comfortable viewing in any lighting
- Frontend: Next.js 14 with TypeScript
- Styling: Tailwind CSS with custom design system
- State Management: Zustand
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- Real-time: Supabase Realtime
- AI Integration: Dify with OpenAI/Claude APIs
- Deployment: Vercel
- Node.js 18+
- npm or yarn
- Supabase account
- Dify account (for AI features)
- Clone the repository
git clone https://github.com/your-username/kanban-project-management.git
cd kanban-project-management- Install dependencies
npm install- Set up environment variables
cp .env.example .env.local-
Configure your Supabase and Dify settings in
.env.local -
Run the development server
npm run dev- Open http://localhost:3000 in your browser
src/
├── app/ # Next.js App Router
├── components/ # Reusable components
├── lib/ # Utility functions and configurations
├── hooks/ # Custom React hooks
├── types/ # TypeScript type definitions
└── utils/ # Helper utilities
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLintnpm run type-check- Run TypeScript type checking
This project is part of a structured development epic. Please refer to the GitHub issues for task assignments and development guidelines.
This project is licensed under the ISC License.