Ismail Soomro
Back to projects
⭐ Featured Project

Task Management App

A real-time collaborative task manager inspired by Trello, built with Next.js, GraphQL subscriptions, and drag-and-drop board views.

Task Management App
Kanban board
Task detail
Team members
Board settings
Activity feed

Tech Stack

Next.jsTypeScriptReduxPrisma ORMGraphQLMySQL

Tags

Full-StackProductivityReal-Time

Published April 23, 2026

Overview

A real-time Kanban-style task manager where teams can create boards, drag cards between columns, and receive live updates via GraphQL subscriptions.

Key Features

  • Drag-and-drop Kanban board with optimistic UI updates
  • GraphQL API with subscriptions for real-time collaboration
  • Role-based access control (Admin / Member / Viewer)
  • Persistent state with Redux Toolkit
  • MySQL database with Prisma ORM

Challenges

Reconciling optimistic UI updates with server state after failed mutations required a custom rollback mechanism using Redux middleware.