https://github.com/dhunanyan/todo-platform-board
TaskFlow Board is a productivity-focused draggable Kanban board built with Next.js and Electron.
https://github.com/dhunanyan/todo-platform-board
desktop-app drag-and-drop electron jira-like kanban nextjs task-management todo typescript
Last synced: 4 days ago
JSON representation
TaskFlow Board is a productivity-focused draggable Kanban board built with Next.js and Electron.
- Host: GitHub
- URL: https://github.com/dhunanyan/todo-platform-board
- Owner: dhunanyan
- License: mit
- Created: 2026-05-25T14:07:50.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2026-05-25T19:19:36.000Z (about 1 month ago)
- Last Synced: 2026-05-25T20:27:19.083Z (about 1 month ago)
- Topics: desktop-app, drag-and-drop, electron, jira-like, kanban, nextjs, task-management, todo, typescript
- Language: TypeScript
- Homepage: https://dhunanyan.com
- Size: 5.74 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Codeowners: .github/CODEOWNERS
- Security: .github/SECURITY.md
- Support: .github/SUPPORT.md
Awesome Lists containing this project
README
Task Flow Board
Production-ready draggable Kanban board for Web and Desktop.
## Overview
Task Flow Board is a dark-first task management app built with **Next.js App Router + Electron**.
- Drag-and-drop Kanban workflow
- Desktop + Web runtime
- Local persistence for both platforms
- Clean, keyboard-friendly UI
## Environment Variables
| Variable | Required | Values | Default | Description |
| ---------- | -------- | ------------------- | ------- | --------------------------------------------- |
| `PLATFORM` | Yes | `WEB`, `DESKTOP` | `WEB` | Runtime abstraction used by app/build scripts |
| `TARGET` | Yes | `WIN`, `MAC`, `LIN` | `MAC` | Desktop target abstraction |
## Scripts
| Command | Purpose |
| ------------------------ | ------------------------------------------ |
| `yarn dev:web` | Run Next.js in development mode |
| `yarn dev:desktop` | Run Electron + Next.js in development mode |
| `yarn build:web` | Production static web build |
| `yarn build:desktop:mac` | Production desktop build for macOS |
| `yarn build:desktop:win` | Production desktop build for Windows |
| `yarn build:desktop:lin` | Production desktop build for Linux |
## Production Output
| Artifact Type | Location |
| ---------------------------- | ---------- |
| Web static export | `out/` |
| Desktop installers / bundles | `release/` |
## Core Features
- 5 status columns: Open, Blocked, In Process, Waiting to be finished, Done
- Ticket details modal with edit/delete
- Priority levels (5)
- Custom labels with color picker
- Bulk delete for Done column (with confirmation)
## Data Persistence
| Platform | Storage |
| -------- | ----------------------------------------------------- |
| Web | Browser `localStorage` |
| Desktop | Electron user-data file: `public-assets/tickets.json` |
## Tech Stack
- Next.js (App Router)
- React + TypeScript
- Electron + electron-builder
- dnd-kit
## License
MIT — see [LICENSE](./LICENSE).