Back to Projects
Capstone Project

Project 4: The Kanban SPA Client

Build an interactive, drag-and-drop project management workspace.

Frontend

React framework component structures, Tailwind classes, Zustand store selectors, Hello-Pangea DnD wrappers.

Backend

Docker container builds orchestrating Node.js API services.

Database

Redis in-memory caching key stores & relational PostgreSQL database schemas.

Implementation Steps

Step 1•45 mins

Vite & Tailwind Initialization

Start Step
Step 2•60 mins

Board Grid & Cards Layout

Start Step
Step 3•60 mins

Zustand State Store design

Start Step
Step 4•90 mins

Drag & Drop Library Integration

Start Step
Step 5•60 mins

Task Editing & Detail Modal

Start Step
Step 6•60 mins

Routing Protection Guards

Start Step
Step 7•45 mins

Production Build Verification

Start Step
Start Project Guide