GitHub - anoopcodehack/DevBoard: 🗂️ DevBoard — Kanban for Developers > An open source Kanban board built specifically for developers — with code snippets inside tasks, GitHub issue sync, and a built-in Pomodoro timer. · GitHub
Skip to content

Latest commit

 

History

296 Commits

Folders and files

Repository files navigation

🗂️ DevBoard — Kanban for Developers

An open-source Kanban board built specifically for developers — with code snippets inside tasks, GitHub issue sync, and a built-in Pomodoro timer.

License: MIT PRs Welcome Made with MERN

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.


✨ Features

  • 📋 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 --
Screenshot 2026-06-06 095817

DevBoard screenshot


⌨️ Keyboard Shortcuts

Key Action
N Create a new task
Esc Close the open modal

N is disabled while typing in an input or textarea, so it won't interrupt you mid-sentence.


🛠️ Tech Stack

Layer Tech
Frontend React 18 + Vite + Tailwind
Backend Node.js + Express
Database MongoDB + Mongoose
Auth JWT + bcryptjs
Drag & Drop @hello-pangea/dnd

⚡ Quick Start

Prerequisites

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

1. Clone the repository

git clone https://github.com/YOUR_USERNAME/devboard.git
cd devboard

2. Install dependencies

This installs dependencies for both the frontend and backend in one step:

npm run install:all

3. Set up environment variables

Copy the example environment file and fill in your own values:

cp .env.example server/.env

Then open server/.env and add your MongoDB connection string and a JWT secret.

4. Run the app

This starts both the frontend and backend at once:

npm run dev

Once it's running, you can access:


🤝 Contributing

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.


alt text src="./docs/screenshot.png"

About

🗂️ DevBoard — Kanban for Developers > An open source Kanban board built specifically for developers — with code snippets inside tasks, GitHub issue sync, and a built-in Pomodoro timer.

Topics

Resources

Contributing

Stars

33 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages