# i7kanban

**Repository Path**: 3fish/i7kanban

## Basic Information

- **Project Name**: i7kanban
- **Description**: i7kanban：一个赛博朋克氛围的高效敏捷的看板管理工具，支持团队协作与项目跟踪，助力开发者简化流程、提高效率。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-09
- **Last Updated**: 2026-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# i7kanban - Cyberpunk Collaborative Kanban

[中文](#中文) | [English](#english)

<a name="中文"></a>
## 🇨🇳 项目简介 (Chinese)

**i7kanban** 是一个轻量级的、极具未来感的任务管理工具，专为小团队设计。它结合了现代化的 Kanban 工作流与酷炫的赛博朋克视觉风格（霓虹光效、玻璃态设计），并支持多人实时协作。

### ✨ 核心功能
- **赛博朋克 UI**: 沉浸式深色模式，霓虹蓝/粉配色，独特的玻璃态组件（如赛博风格的日期选择器和下拉框）。
- **实时看板**: 支持拖拽的任务管理，通过 WebSocket 实现多端实时同步。
- **任务协作**: 完整的任务生命周期管理，支持任务详情编辑、富文本评论互动、负责人指派及优先级设定。
- **团队管理**: 简单的成员邀请与权限管理机制。

### 🛠 技术栈
- **前端**: Vue 3, TypeScript, Vite, Tailwind CSS, Pinia, Element Plus, VueDraggable
- **后端**: Java, Spring Boot, Spring Security (JWT), Spring Data JPA, WebSocket
- **设计**: 自定义赛博朋克组件库 (CyberDatePicker, CyberSelect)

---

<a name="english"></a>
## 🇺🇸 Project Overview (English)

**i7kanban** is a lightweight, futuristic task management tool designed for small teams. It combines modern Kanban workflows with a striking Cyberpunk visual style (neon effects, glassmorphism) and supports real-time multi-user collaboration.

### ✨ Key Features
- **Cyberpunk UI**: Immersive dark mode with neon blue/pink accents and custom glassmorphism components (Cyber-style DatePicker & Select).
- **Real-time Kanban**: Drag-and-drop task management synchronized instantly across devices via WebSocket.
- **Collaboration**: Full task lifecycle management with editing, commenting system, assignee tracking, and priority settings.
- **Team Management**: Simple member invitation and permission handling.

### 🛠 Tech Stack
- **Frontend**: Vue 3, TypeScript, Vite, Tailwind CSS, Pinia, Element Plus, VueDraggable
- **Backend**: Java, Spring Boot, Spring Security (JWT), Spring Data JPA, WebSocket
- **Design**: Custom Cyberpunk UI Component Library

---

## 📸 Screenshots / 界面截图

### Login & Register / 登录与注册
| ![Login](captures/05_login.png) | ![Register](captures/01_register.png) |
|:---:|:---:|
| **Login** | **Register** |

### Dashboard / 仪表盘
![Dashboard](captures/02_dashboard_populated.png)

### Project Board / 项目看板
![Project Board](captures/03_project_board.png)

### Team Management / 团队管理
![Members](captures/04_members.png)