Loading page
bởi 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
Khởi chạy sandbox cách ly và chạy phía máy chủ — không cần cài đặt cục bộ.
Đưa sản phẩm này thẳng vào AI IDE, trình tạo web hoặc cloud IDE của bạn.
Kết nối Tetrees với AI IDE tương thích để liệt kê sản phẩm bạn sở hữu và nhận ZIP đã xác minh mà không cấp quyền tải lên của người bán.
Chưa có đánh giá.
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
Lần kiểm định sandbox đã hoàn tất và đường chạy được phát hiện đã đạt yêu cầu.
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
Quy trình 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.
Đã đánh giá 7 thg 8, 2026
Hướng dẫn cài đặt đầy đủ và prompt tích hợp sẽ mở khóa sau khi mua.
SaaS, AI & Subscription Products
3 US$
