A lightweight Kanban board application inspired by Jira. Built with Django REST Framework (backend) and React + Fluent UI 8 (frontend).
- User Authentication - Register, login, token-based auth
- Board Management - Create, edit, delete boards with default columns (To Do, In Progress, Done)
- Columns - Add, rename, delete, and reorder columns
- Cards - Create, edit, delete cards with drag-and-drop between columns
- Card Details - Title, description, priority (Critical/High/Medium/Low), assignee, due date, labels
- Comments - Add and delete comments on cards
- Labels - Color-coded labels per board
- Search & Filter - Filter cards by text search and priority
- Drag & Drop - Reorder cards within and across columns
| Layer | Technology |
|---|---|
| Backend | Django 6.0, Django REST Framework |
| Frontend | React 18, Vite, Fluent UI 8 |
| Database | SQLite (development) |
| DnD | @hello-pangea/dnd |
- Python 3.10+
- Node.js 18+
cd backend
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
python manage.py migrate
python manage.py runserverThe API will be available at http://localhost:8000/api/.
cd frontend
npm install
npm run devThe app will be available at http://localhost:5173/.
| Method | Endpoint | Description |
|---|---|---|
| POST | /api/auth/register/ |
Register new user |
| POST | /api/auth/login/ |
Login |
| GET | /api/auth/profile/ |
Get current user |
| GET/POST | /api/boards/ |
List/create boards |
| GET/PUT/DELETE | /api/boards/{id}/ |
Board detail |
| GET/POST | /api/boards/{id}/columns/ |
List/create columns |
| PUT/DELETE | /api/boards/{id}/columns/{id}/ |
Column detail |
| PATCH | /api/boards/{id}/columns/{id}/move/ |
Reorder column |
| GET/POST | /api/boards/{id}/columns/{id}/cards/ |
List/create cards |
| GET/PUT/DELETE | /api/boards/{id}/columns/{id}/cards/{id}/ |
Card detail |
| PATCH | /api/boards/{id}/columns/{id}/cards/{id}/move/ |
Move/reorder card |
| GET/POST | /api/boards/{id}/columns/{id}/cards/{id}/comments/ |
Comments |
| GET/POST | /api/boards/{id}/labels/ |
Board labels |
litekanban/
├── backend/
│ ├── litekanban/ # Django project settings
│ ├── kanban/ # Main Django app
│ │ ├── models.py # Board, Column, Card, Label, Comment models
│ │ ├── serializers.py # DRF serializers
│ │ ├── views.py # API views and viewsets
│ │ └── urls.py # URL routing
│ ├── manage.py
│ └── requirements.txt
├── frontend/
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── contexts/ # React context (Auth)
│ │ ├── pages/ # Page components
│ │ └── services/ # API service layer
│ └── package.json
└── README.md