How blocknotes-4515/kanban-board works
Planora is a browser-based Kanban task planner. Users create tasks with a title and description, track them through To Do, In Progress, and Done, and can delete tasks or change the theme. The JavaScript also updates stage counts and saves task data in browser local storage. The README documents the interface and styling capabilities; the sampled JavaScript confirms task, drag-and-drop, count, storage, modal, and theme behavior. HTML and CSS details are based on the README and file tree, not sampled source.
Main entry points: script.js Board behavior · index.html Board interface · style.css Responsive themes
Components 12
Kanban workspace
- Board interface
index.html - Responsive themes
style.css - Task cards
script.js - Stage counts
script.js
User interactions
- Board behavior
script.js - Task creation modal
index.html - Theme control
index.html
Task state
- To Do
index.html - In Progress
index.html - Done
index.html - Saved tasks
Other components
- User
Connections 15
- User → Board interface: uses
- Board interface → Responsive themes: styled by
- Board interface → Board behavior: interacts with
- User → Task creation modal: opens
- Task creation modal → Board behavior: submits details
- Board behavior → Task cards: creates or deletes
- Board behavior → To Do: adds tasks
- Board behavior → In Progress: moves tasks
- Board behavior → Done: moves tasks
- Board behavior → Stage counts: updates
- Board behavior → Saved tasks: reads and writes
- Saved tasks → Board behavior: restores tasks
- User → Theme control: toggles
- Theme control → Board behavior: triggers
- Board behavior → Responsive themes: toggles theme class