bởi cry0g3nic

A TypeScript + React frontend project management tool featuring a Kanban board, list view, and analytics dashboard with task creation, assignment, priority levels, and multi-project support. Built with Vite, Tailwind CSS v4, and React 19, it includes drag-friendly status columns, member workload tracking, and a progress ring visualization. Ideal for developers looking for a ready-to-extend task tracker UI with clean component architecture. Licensed under the Tetrees License.
A fully client-side project management tool built with React 19 and TypeScript. It provides a multi-project workspace with Kanban board, list, analytics, and dashboard views — all running in the browser with no backend required. State is managed locally via React hooks, making it easy to drop into any frontend stack or extend with a persistence layer.
Todo, In Progress, Review, and Done statuses; inline task creation per column| Technology | Version | Role |
|---|---|---|
| React | ^19.0.0 | UI framework |
| TypeScript | ~5.6.0 | Type safety |
| Vite | ^6.0.0 | Build tool & dev server |
| Tailwind CSS | ^4.2.2 | Utility-first styling |
| ESLint + TypeScript ESLint | ^9 / ^8 | Linting |
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
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…
# Type check without emitting files
npm run typecheck
# Lint source files
npm run lint
# Auto-fix lint issues
npm run lint:fix
src/
├── App.tsx # Root component, state management, routing logic
├── main.tsx # React entry point
├── types.ts # Shared TypeScript types (Project, Task, TaskStatus, Priority, ViewType)
├── data.ts # INITIAL_PROJECTS seed data
└── components/
├── Sidebar.tsx # Project list + create project
├── TopBar.tsx # View switcher, search, notifications
├── BoardView.tsx # Kanban columns
├── ListView.tsx # Table/list task view
├── AnalyticsView.tsx # Charts and KPI cards
├── OverviewView.tsx # Cross-project dashboard
└── TaskDetailModal.tsx # Full task edit modal
// Core types used throughout the app
type TaskStatus = "todo" | "in-progress" | "review" | "done";
type Priority = "low" | "medium" | "high" | "critical";
type ViewType = "board" | "list" | "analytics" | "dashboard";
interface Task {
id: string;
title: string;
description: string;
status: TaskStatus;
priority: Priority;
tags: string[];
dueDate?: string;
assignee?: { id: string; name: string; color: string; avatar: string };
}
interface Project {
id: string;
name: string;
color: string;
emoji: string;
tasks: Task[];
members: Member[];
}
src/data.ts to change the initial projects and tasks loaded on first renderuseState calls in App.tsx with localStorage, IndexedDB, or an API-backed store to persist state across sessionsTetrees 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 React web app 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.3 and security 9.
Deterministic AVCP artifact review
Quy trình avcp-2026-08-04.1 · SHA-256 8e9a0b7b5a86b8d1…
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.
Automation, Utilities & Developer Tools
Miễn phí