Skip to content

hjj612266/xtodo

Repository files navigation

LightBoard — Card-Based Task Manager

A zero-build, zero-server kanban board powered by the LocalNexus architecture. Your data stays on your machine as plain JSON files.


Quick Start

  1. Open index.html in Chrome 86+ or Edge 86+
  2. Click "Load Data" and select (or create) an empty folder — this is your data root
  3. A sample project with a welcome card is auto-generated on first use
  4. Start adding cards, dragging between columns, and managing tasks

No installation, no build step, no server required.


Features

  • Kanban Board — multi-column layout, drag cards between columns or reorder within a column
  • Card CRUD — create, edit, delete, archive/unarchive cards
  • Subtasks — break down tasks with checkable subtask items and progress bars
  • Tags — inline tag editor (Enter to add, Backspace to remove)
  • Filter Bar — filter by status, tags, and due date (overdue / due soon / no date)
  • Multi-Project — sidebar project list with create, rename, delete, and instant switching
  • Custom Columns — add, rename, and reorder columns per project
  • Settings — system name, accent color, 5 background themes (Sunset, Ocean, Mist, Snow, Twilight)
  • Urgent Flag — mark cards as urgent with a visual red left border
  • Local Storage — all data saved as JSON files via the File System Access API; settings persisted in localStorage

How It Works

Select data folder → Read index.json → Load card data.json files
  → In-memory Map for fast access → Write-through on every change
    → All data is plain JSON, editable with any text editor

Built on the LocalNexus pattern: schema completion via emptyCardData + deepMerge, file-handle caching, and a Promise-based modal system.


Tech Stack

Layer Choice
Language ES6+ JavaScript (vanilla)
Styles Custom CSS with CSS variables
Icons Font Awesome 6 (CDN)
Fonts Inter + Roboto Mono (Google Fonts)
Storage File System Access API (datas/ directory)
Settings localStorage (lightboard_settings)
Drag & Drop HTML5 Drag & Drop API

Browser Support

Feature Chrome Edge Firefox Safari
File System Access API 86+ 86+
Drag & Drop

Firefox and Safari do not support the File System Access API. A hard error page is shown on unsupported browsers.


License

MIT — free to use, modify, and distribute.

About

A zero-build kanban board. Open index.html in Chrome/Edge - your data stays as local JSON files.

Topics

Resources

License

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors