An open-source Kanban board built specifically for developers — with code snippets inside tasks, GitHub issue sync, and a built-in Pomodoro timer.
DevBoard is a task board made for how developers actually work — track issues, drop in code snippets without leaving the task, pull in GitHub issues automatically, and stay focused with a built-in Pomodoro timer.
- 📋 Drag & Drop Kanban — Move tasks through Backlog → In Progress → Review → Done
- 💻 Code Snippets in Tasks — Attach syntax-highlighted code directly to any task
- 🔗 GitHub Issue Sync — Import issues from a GitHub repo as tasks automatically
- 🍅 Pomodoro Timer — Built-in 25/5 min work-break timer for each task
- 🔐 Auth — Register and log in securely with JWT
- 🌙 Dark Mode UI — Easy on the eyes during long coding sessions --
| Layer | Tech |
|---|---|
| Frontend | React 18 + Vite + Tailwind |
| Backend | Node.js + Express |
| Database | MongoDB + Mongoose |
| Auth | JWT + bcryptjs |
| Drag & Drop | @hello-pangea/dnd |
Before you begin, make sure you have:
- Node.js v18 or higher installed
- A MongoDB database — either a free MongoDB Atlas cluster or a local MongoDB instance
git clone https://github.com/YOUR_USERNAME/devboard.git
cd devboardThis installs dependencies for both the frontend and backend in one step:
npm run install:allCopy the example environment file and fill in your own values:
cp .env.example server/.envThen open server/.env and add your MongoDB connection string and a JWT secret.
This starts both the frontend and backend at once:
npm run devOnce it's running, you can access:
- Frontend:http://localhost:5173
- Backend API:http://localhost:5000
Contributions are very welcome, and this project is friendly to first-time contributors!
Check out CONTRIBUTING.md for the full setup and contribution guide. If you're not sure where to start, look for issues labeled good first issue.
src="./docs/screenshot.png"