Loading page
出品者：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
隔離されたサンドボックスを起動しサーバー側で実行 — ローカル設定不要。
この製品をお使いのAI IDE・Webビルダー・クラウドIDEに直接取り込みます。
Tetreesを対応AI IDEに接続し、所有製品の一覧取得と検証済みZIPの取得を、販売者のアップロード権限を公開せずに行えます。
まだレビューがありません。
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
サンドボックス検証が完了し、検出された実行経路は合格しました。
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
パイプライン 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.
レビュー日 2026年8月7日
完全なインストールガイドと統合プロンプトは購入後に解放されます。
SaaS, AI & Subscription Products
$3
