A Kanban board built for developers.
Track tasks, attach code snippets, sync GitHub issues, and stay focused with a built-in Pomodoro timer — all in one place.
🔗 Live Demo · Report a Bug · Request a Feature
Most task boards are built for project managers, not developers. DevBoard is different — it lets you attach code snippets directly to tasks, pull in GitHub issues as cards, and track focus time with a Pomodoro timer, without ever leaving your workflow.
- Drag & Drop Kanban — Move tasks across Backlog, In Progress, Review, and Done
- Code Snippets — Attach syntax-highlighted code to any task, with language detection
- GitHub Issue Sync — Import open issues from any GitHub repository as tasks
- Pomodoro Timer — 25/5 minute work-break cycles, tracked per task
- JWT Authentication — Secure register and login flow
- Dark UI — Designed for long coding sessions
| Layer | Technology |
|---|---|
| Frontend | React 18, Vite, Tailwind CSS |
| Backend | Node.js, Express |
| Database | MongoDB, Mongoose |
| Auth | JWT, bcryptjs |
| Drag & Drop | @hello-pangea/dnd |
- Node.js v18+
- MongoDB — Atlas free tier or local instance
# 1. Clone the repo
git clone https://github.com/anoopcodehack/devboard.git
cd devboard
# 2. Install all dependencies (frontend + backend)
npm run install:all
# 3. Set up environment variables
cp .env.example server/.env
# Edit server/.env with your MONGO_URI and JWT_SECRET
# 4. Start the development server
npm run dev| Service | URL |
|---|---|
| Frontend | http://localhost:5173 |
| Backend | http://localhost:5000 |
| Key | Action |
|---|---|
N |
Create a new task |
Esc |
Close modal |
1 |
Set priority: High |
2 |
Set priority: Medium |
3 |
Set priority: Low |
? |
Show shortcuts help |
Contributions are welcome. This project is beginner-friendly and a good place to make your first open source contribution.
- Fork the repository
- Create a branch:
git checkout -b feature/your-feature - Commit your changes:
git commit -m "feat: add your feature" - Push and open a Pull Request
See CONTRIBUTING.md for the full guide. Issues labeled
good first issueare a good starting point.
Thanks to everyone who has contributed to DevBoard.