{"id":41585480,"url":"https://github.com/codewithsindhu/kanban-board-js","last_synced_at":"2026-01-24T09:03:19.166Z","repository":{"id":334258156,"uuid":"1140694746","full_name":"CodeWithSindhu/kanban-board-js","owner":"CodeWithSindhu","description":"Open-source Kanban productivity app featuring drag \u0026 drop, task timers, logs, and JSON backup support.","archived":false,"fork":false,"pushed_at":"2026-01-24T07:18:49.000Z","size":32,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-24T07:47:32.750Z","etag":null,"topics":["drag-drop","javascript-applications","kanban-board-application","localstorage","open-source-project","task-manager","time-tracking-app"],"latest_commit_sha":null,"homepage":"https://codewithsindhu.github.io/kanban-board-js/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeWithSindhu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-23T16:23:01.000Z","updated_at":"2026-01-24T07:18:43.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/CodeWithSindhu/kanban-board-js","commit_stats":null,"previous_names":["codewithsindhu/kanban-board-js"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/CodeWithSindhu/kanban-board-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSindhu%2Fkanban-board-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSindhu%2Fkanban-board-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSindhu%2Fkanban-board-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSindhu%2Fkanban-board-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithSindhu","download_url":"https://codeload.github.com/CodeWithSindhu/kanban-board-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSindhu%2Fkanban-board-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28721989,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T08:27:05.734Z","status":"ssl_error","status_checked_at":"2026-01-24T08:27:01.197Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drag-drop","javascript-applications","kanban-board-application","localstorage","open-source-project","task-manager","time-tracking-app"],"created_at":"2026-01-24T09:03:13.133Z","updated_at":"2026-01-24T09:03:19.159Z","avatar_url":"https://github.com/CodeWithSindhu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ProKanban 🚀\n\nProKanban is a modern, fully responsive **Kanban Board application** built with **Vanilla JavaScript**, **HTML5**, and **modern CSS**.\n\nIt helps you manage tasks visually across workflow stages, with advanced features like **drag \u0026 drop**, **time tracking**, **activity history**, and **import/export support** — all without any framework.\n\n---\n\n## 🌐 Live Demo\n\n🔗 **Try it here:**  \nhttps://codewithsindhu.github.io/kanban-board-js/\n\n---\n\n## 📸 Preview\n\n![ProKanban Preview](./assets/preview.png)\n\n---\n\n## ✨ Features  \n\n### ✅ Core Kanban Workflow\n- Organize tasks into:\n  - **To Do**\n  - **In Progress**\n  - **On Hold**\n  - **Done**\n- Smooth **Drag \u0026 Drop** task movement\n- Task counts updated in real-time\n\n---\n\n### 💾 Persistent Storage\n- Automatically saves:\n  - Tasks\n  - Activity history\n  - Timer progress\n- Uses browser **LocalStorage**\n- Data remains even after refresh or browser restart\n\n---\n\n### ⏱️ Advanced Time Tracking\n- Built-in timer per task\n- Start/Pause controls directly inside cards\n- Automatic timer pause when task moves to:\n  - On Hold\n  - Done\n- Detailed time logs including:\n  - Start time\n  - End time\n  - Session duration\n  - Total tracked time\n\n---\n\n### 📜 Activity History Log\n- Records every action:\n  - Task creation\n  - Task movement\n  - Deletion\n  - Timer events\n- Color-coded status indicators for clarity\n\n---\n\n### 📤 Export / 📥 Import Support\n- Export full board data as JSON\n- Import saved board instantly\n- Useful for backups and portability\n\n---\n\n### 📱 Fully Responsive UI\nOptimized for all screen sizes:\n\n- **Desktop:** Full 4-column layout  \n- **Tablet:** Balanced grid layout  \n- **Mobile:** Stacked workflow view  \n\nTouch drag support included for mobile devices.\n\n---\n\n### 🎨 UI Enhancements\n- Modern dark glassmorphism theme\n- Smooth animations and interactions\n- Confetti celebration when tasks reach **Done**\n\n---\n\n## 🛠️ Tech Stack\n\n- **JavaScript (ES6+)**\n- **HTML5**\n- **CSS3**\n  - Flexbox\n  - Grid\n  - CSS Variables\n  - Glassmorphism Design\n- **LocalStorage API**\n\n### Libraries Used\n- `canvas-confetti` — celebration effects  \n- `DragDropTouch` — drag support on touch devices  \n\n---\n\n## 📂 Project Structure\n\n```bash\nkanban-board-js/\n│── index.html\n│── README.md\n│── LICENSE\n│\n└── src/\n    │── main.js\n    │── style.css\n    │\n    └── modules/\n        │── drag.js\n        │── history.js\n        │── state.js\n        │── storage.js\n        │── timer.js\n        │── ui.js\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithsindhu%2Fkanban-board-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithsindhu%2Fkanban-board-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithsindhu%2Fkanban-board-js/lists"}