A powerful, AI-powered Kanban board application built with Next.js, TypeScript, Tailwind CSS, and CopilotKit. Manage your projects with the help of an intelligent AI assistant that can understand your workflow and take actions on your behalf.
- Drag & Drop: Intuitive task management with visual feedback
- Status Columns: To Do, In Progress, Review, Done
- Priority Levels: Low, Medium, High with color coding
- Team Management: Add, remove, and assign team members
- Responsive Design: Works perfectly on all devices
- Natural Language: Chat with AI using everyday language
- Smart Actions: AI can create, move, and manage tasks
- Context Awareness: AI understands your current project state
- Dynamic Suggestions: Intelligent recommendations based on your workflow
- Real-time Updates: AI stays in sync with your board changes
- Next.js 15: Latest React framework with App Router
- TypeScript: Type-safe development experience
- Tailwind CSS: Utility-first CSS framework
- CopilotKit: Advanced AI integration framework
- React 19: Latest React with concurrent features
-
Clone the repository
git clone https://github.com/NathanTarbert/my-vibe-coded-mcp-app cd my-vibe-coded-mcp-app -
Install dependencies
pnpm install
-
Get your CopilotKit API key
- Visit https://cloud.copilotkit.ai/
- Sign up for a free account
- Copy your public API key
-
Create environment file
# .env.local NEXT_PUBLIC_COPILOT_CLOUD_PUBLIC_API_KEY=your_api_key_here -
Start development server
pnpm run dev
-
Open your browser Navigate to http://localhost:3000
-
Add the MCP Server to Your App Choose an AI Powered code editor and follow the instructions: https://docs.copilotkit.ai/mcp
"Add a new high-priority task for database optimization"
"Move the landing page task to in-progress"
"Show me a summary of all high-priority tasks"
"Add John Smith to the team"
"Reassign the API documentation task to Sarah"
- Task Management: Create, move, assign, and prioritize tasks
- Team Management: Add and remove team members
- Analytics: Get insights and summaries of your project
- Real-time State: AI always knows your current project status
- Context Awareness: Understands relationships between tasks and team members
- Dynamic Updates: Automatically stays in sync with your changes
- Smart Recommendations: AI suggests next actions based on your workflow
- Context-Aware: Considers task distribution and team workload
- Real-time Updates: Suggestions evolve as your project changes
This project is licensed under the MIT License - see the LICENSE file for details.
Star this repository if you find it helpful! ⭐