Skip to content

About

An offline-first Kanban board built with HTML, CSS, and vanilla JS.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

📋 Minimalist Offline-First Kanban Board

A lightweight, high-performance, single-file Kanban board built entirely with vanilla web technologies. Designed for speed, privacy, and seamless offline utility, it requires zero installation, zero dependencies, and no server configuration.

🚀 View the Live Demo


✨ Features

  • Single-File Architecture: The entire application—structure, styling, and logic—lives inside a single index.html file. Download it and double-click to run anywhere.
  • Offline-First Workflow: Powered completely by local browser storage (localStorage). Your data never leaves your machine, making it fully functional without an internet connection.
  • Multi-Board Management: Create, rename, delete, and archive multiple isolated boards for different projects.
  • Robust Card Utility: Supports rich card configurations including description blocks, tags, custom due dates, drag-and-drop column positioning, and dedicated sub-task checklists.
  • Data Portability: Easily backup or migrate your data using the built-in JSON Export and Import tools.
  • Keyboard Driven: Stay in the flow with built-in productivity shortcuts:
    • Ctrl + N — New Board
    • Ctrl + L — New List
    • Ctrl + K — New Card
    • Ctrl + F — Focus Search bar
    • Ctrl + E / Ctrl + I — Export / Import data
  • Modern UI Components: Features a beautiful, responsive dark-mode interface with subtle ambient gradients and micro-interactions.

🛠️ Tech Stack

  • HTML5 — Semantic layout and structural markup.
  • CSS3 — Custom properties (CSS variables) for modular theme architectures and responsive grid/flexbox layouts.
  • Vanilla JavaScript — Modern ES6+, Native Drag and Drop API, and LocalStorage state persistence.

🚀 Quick Start / Local Deployment

Because this project is entirely self-contained, using it locally is incredibly straightforward:

  1. Clone or download this repository.
  2. Open the directory and double-click index.html to launch it instantly in any modern web browser.
  3. Alternative: Bookmark the GitHub Pages Live Demo to use it as a progressive web utility directly from your browser.

About

An offline-first Kanban board built with HTML, CSS, and vanilla JS.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages