Loading page
by Abdullah Asif
Full-stack Kanban board built with TypeScript, React, and Express featuring drag-and-drop task management across To Do, In Progress, and Done columns. Includes task creation, editing with priority labels, and a REST API backend with JSON persistence. Perfect for teams needing a lightweight project management tool with real-time column reordering and intuitive card interactions. Licensed under Tetrees License.
A full-stack Kanban board application built with TypeScript, featuring a React frontend with drag-and-drop task management and an Express backend API. Organize projects into customizable columns, create and manage tasks, and reorder them seamlessly across columns using intuitive drag-and-drop interactions.
@dnd-kit| Layer | Technology |
|---|---|
| Frontend | React 19, TypeScript, Vite, Tailwind CSS 4 |
| Drag & Drop | @dnd-kit (core, sortable, utilities) |
| Animations | Framer Motion |
| Routing | React Router DOM v7 |
| Notifications | React Hot Toast |
| Backend | Node.js, Express, TypeScript |
| Database | JSON flat-file (readDB/writeDB) |
| Security | Helmet, CORS |
| ID Generation | UUID v4 |
cd backend
npm install
npm run build
npm start
Server runs on port 9081 by default.
Development mode:
npm run dev
cd frontend
npm install
npm run dev
Spin up an isolated sandbox and run it server-side — no local setup.
Push this product straight into your AI IDE, web builder or cloud IDE.
Download your licensed source snapshot from the library, then follow the setup guide in your workspace.
No reviews yet.
Sign in to join the discussion
Loading discussion…
Starts Vite dev server with hot-reload.
Build for production:
npm run build
| Variable | Default | Description |
|---|---|---|
PORT | 9081 | Backend HTTP server port |
http://localhost:9081/api
GET /api/health
Returns server status.
{
"status": "ok",
"timestamp": "2024-06-15T12:00:00.000Z"
}
POST /api/projects
Create a new project.
Request:
{
"name": "TetreesAI MVP",
"description": "Main product development",
"columns": ["Backlog", "In Progress", "Review", "Done"]
}
GET /api/projects
Fetch all projects.
GET /api/projects/:id
Fetch a single project by ID.
PUT /api/projects/:id
Update project details.
DELETE /api/projects/:id
Delete a project.
POST /api/projects/:projectId/tasks
Create a task in a project.
Request:
{
"title": "Implement auth",
"description": "Add JWT authentication",
"column": "In Progress"
}
GET /api/projects/:projectId/tasks
Fetch all tasks for a project.
PUT /api/projects/:projectId/tasks/:taskId
Update a task (title, description, column, order).
DELETE /api/projects/:projectId/tasks/:taskId
Delete a task.
Tetrees License
The sandbox audition completed and the detected runnable path passed.
This Express backend / api completed archive review with strong static results. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.8 and security 9.
Deterministic AVCP artifact review
Pipeline avcp-2026-08-04.1 · SHA-256 522bcec08ba27592…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Reviewed Aug 7, 2026
The full install guide and integration prompts unlock after purchase.
SaaS, AI & Subscription Products
$3
