Back
Year
2025
Tech & Technique
React, shadcn/ui, MongoDB, OpenRouter API
Description
A modern collaborative kanban board application built with React and MongoDB, featuring real-time collaboration, intuitive drag-and-drop functionality, and an integrated AI assistant powered by OpenRouter API.
Key Features:
Technical Highlights:
Key Features:
- 🤝 Real-time Collaboration: Multiple users can work on the same board simultaneously with live updates
- 🔒 Public & Private Boards: Create public boards for team collaboration or private boards for personal use
- 🎯 Drag & Drop Interface: Smooth and intuitive card movement between columns using React DnD
- 🤖 AI Assistant Integration: Built-in AI assistant powered by OpenRouter API to help users with task management and project planning
- 💬 Task Guidance: Users can ask the AI about their tasks, get suggestions for task organization, and receive productivity tips
- 📱 Responsive Design: Beautiful UI built with shadcn/ui components and Tailwind CSS
- ⚡ Real-time Updates: Instant synchronization across all connected users
- 🎨 Customizable Boards: Create custom columns, labels, and card templates
Technical Highlights:
- Built with React for modern development experience
- Used shadcn/ui for consistent, accessible, and beautiful UI components
- MongoDB for flexible document-based data storage
- Drag and drop functionality powered by @dnd-kit/react library
- Integrated OpenRouter AI API for intelligent task assistance and project guidance
- AI-powered chat interface for task-related queries and productivity optimization
My Role
Full-Stack Developer
Designed and developed a modern kanban board application with real-time collaboration features and AI-powered task assistance.
Designed and developed a modern kanban board application with real-time collaboration features and AI-powered task assistance.
- 🛠️ Frontend: Built with React and shadcn/ui for a modern development experience
- 🎨 UI/UX: Created intuitive drag-and-drop interface with smooth animations and responsive design
- 🔗 Backend: Developed RESTful APIs with Node.js and MongoDB (NoSQL) for flexible data management
- 🤖 AI Integration: Integrated OpenRouter AI API to provide intelligent task assistance and productivity guidance