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 145 mins

Vite & Tailwind Initialization

Start Step
Step 260 mins

Board Grid & Cards Layout

Start Step
Step 360 mins

Zustand State Store design

Start Step
Step 490 mins

Drag & Drop Library Integration

Start Step
Step 560 mins

Task Editing & Detail Modal

Start Step
Step 660 mins

Routing Protection Guards

Start Step
Step 745 mins

Production Build Verification

Start Step
Start Project Guide