A developer-flavored Kanban board — built from scratch with vanilla HTML, CSS, and JavaScript. No frameworks. No libraries. Just the fundamentals.
- Add tasks with title, description, tags, and target column
- Drag and drop cards between columns with live visual feedback
- Sidebar counts update reactively as cards move
- Full localStorage persistence — nothing lost on refresh
- Clean modal form for task creation
| Layer | Technology |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 — Flexbox, CSS custom properties |
| Logic | Vanilla JavaScript |
| State | In-memory array + localStorage |
| Drag & Drop | Native HTML5 Drag and Drop API |
PushToMain/
├── index.html
├── style.css
├── script.js
└── screenshots/
├── Home1.png
├── Home2.png
├── Home3.png
└── Drag-Event.png
No build step, no installs.
# Option 1 — just open the file
open index.html
# Option 2 — VS Code Live Server
# Right click index.html → Open with Live ServerBuilt as part of my fullstack learning path