Projects
Next.jsJavaScriptReactNode.jsMongoDB

Simple Kanban

Full-stack kanban board with drag-and-drop and real-time persistence

Overview

Simple Kanban is a full-stack task management app built with Next.js and MongoDB. It supports multi-board organization, drag-and-drop card reordering, user authentication, and real-time persistence — covering the full lifecycle from login to task completion.

Highlights

  • Built drag-and-drop card and column reordering using pointer events, with optimistic UI updates to keep interactions snappy before the server confirms.
  • Implemented NextAuth-based authentication with session management and protected API routes, supporting multiple simultaneous users with isolated board state.
  • Designed a MongoDB schema for boards, columns, and cards with efficient query patterns for per-user data isolation and low-latency reads.
  • Deployed to Vercel with continuous deployment from GitHub, including environment-specific config for development and production.

Demo

Screenshots

Simple Kanban screenshot 1
Simple Kanban screenshot 2
Simple Kanban screenshot 3

Stack

Next.jsJavaScriptReactNode.jsMongoDB