Bug management
BUG-001Create, edit, delete, and review full defect records with auto-generated IDs, project, type, assignee, due date, environment, steps to reproduce, and expected versus actual results.
CriticalHighMediumLow
bug-tracker
by
Naina Garg
Naina GargCreate a professional, responsive **Bug Tracker Pro** using only **HTML, CSS and Vanilla JavaScript**. No backend, React, Node.js, MongoDB or Firebase. Use **LocalStorage** for all data. Build a modern dark SaaS dashboard with sidebar navigation: Dashboard, All Bugs, Kanban Board, Reports, Projects, Settings. Features: * Create, edit, delete and view bugs * Auto-generate IDs: BUG-001, BUG-002... * Fields: title, description, project, priority, status, type, assignee, due date, environment, steps to reproduce, expected/actual result * Priority: Critical, High, Medium, Low * Status: Open, In Progress, Resolved, Closed * Search, filter and sort bugs * Drag-and-drop Kanban board * Dynamic dashboard statistics * Charts for status, priority and projects using Chart.js * Project management * Bug activity timeline * Notifications and toast messages * Dark/light mode * JSON import/export * Demo data on first launch * Fully responsive mobile/tablet/desktop UI * Confirmation modal before deletion * Accessible, clean and polished UI with subtle animations Ensure every button and feature is functional and data persists after refresh.
Comments (0)
Sign in to leave a comment
Project Tasks
64 planning tasks#1
Generate system requirement document
0m 30s0.1 cr usedDone
#2
Generate personas & user flows
0m 35s0.1 cr usedDone
#7
Create flow for QA Tester
0m 18sDone
#8
Create flow for Developer
0m 16sDone
#9
Create flow for Project Manager
0m 14sDone
#10
Landing
7m 52sDone
#29
Repair Landing JSX
0m 31s0.2 cr usedDone
#28
Repair Landing JSX
0m 19s0.2 cr usedDone
#23
Landing / Navigation
0m 33s0.8 cr neededDone
#19
Landing / Application Rail
0m 46s0.8 cr neededDone
#20
Landing / Immersive Hero
1m 0s0.8 cr usedDone
#21
Landing / Capability Grid
0m 58s0.8 cr usedDone
#22
Landing / Local First Closing
0m 35s0.8 cr usedDone
#24
Landing / Footer
0m 16s0.8 cr neededDone
#25
Shared App Sidebar
0m 46sDone
#26
Navigation
0m 33sDone
#27
Footer
0m 16sDone
#11
Dashboard
8m 55sDone
#64
Repair Dashboard JSX
0m 18s0.2 cr usedDone
#62
Dashboard / Navigation
0m 0s0.8 cr usedDone
#47
Dashboard / Content
1m 9s0.8 cr usedDone
#63
Dashboard / Footer
0m 0s0.8 cr usedDone
#12
All Bugs
10m 5sError
#66
Repair All Bugs JSX
0m 47s0.2 cr usedError
#65
Repair All Bugs JSX
0m 28s0.2 cr usedDone
#41
All Bugs / Navigation
0m 0s0.8 cr usedDone
#39
All Bugs / Application Rail
0m 0s0.8 cr usedDone
#40
All Bugs / Workspace
1m 29s0.8 cr usedDone
#42
All Bugs / Footer
0m 0s0.8 cr usedDone
#13
Bug Editor
10m 5sPaused
#30
Bug Editor / Navigation
0.8 cr neededPaused
#31
Bug Editor / Application Rail
0.8 cr neededPaused
#32
Bug Editor / Workspace
0.8 cr neededPaused
#33
Bug Editor / Footer
0.8 cr neededPaused
#14
Bug Details
10m 3sPaused
#34
Bug Details / Navigation
0.8 cr neededPaused
#35
Bug Details / Application Rail
0.8 cr neededPaused
#36
Bug Details / Record
0.8 cr neededPaused
#37
Bug Details / Activity Timeline
0.8 cr neededPaused
#38
Bug Details / Footer
0.8 cr neededPaused
#15
Kanban Board
10m 2sPaused
#45
Kanban Board / Navigation
0.8 cr neededPaused
#43
Kanban Board / Kanban Application Rail
0.8 cr neededPaused
#44
Kanban Board / Workspace
0.8 cr neededPaused
#46
Kanban Board / Footer
0.8 cr neededPaused
#16
Reports
10m 0sPaused
#56
Reports / Global Navigation
0.8 cr neededPaused
#57
Reports / Application Rail
0.8 cr neededPaused
#58
Reports / Status Analysis
0.8 cr neededPaused
#59
Reports / Priority Analysis
0.8 cr neededPaused
#60
Reports / Project Analysis
0.8 cr neededPaused
#61
Reports / Global Footer
0.8 cr neededPaused
#17
Projects
9m 58sPaused
#48
Projects / Global Navigation
0.8 cr neededPaused
#49
Projects / Application Rail
0.8 cr neededPaused
#50
Projects / Management Workspace
0.8 cr neededPaused
#51
Projects / Global Footer
0.8 cr neededPaused
#18
Settings
9m 56sPaused
#54
Settings / Navigation
0.8 cr neededPaused
#52
Settings / Appearance Controls
0.8 cr neededPaused
#53
Settings / Data Transfer
0.8 cr neededPaused
#55
Settings / Footer
0.8 cr neededPaused
#5
Architecture
0.1 cr neededPaused
#6
Workspace task plan
0.1 cr neededPaused
Preview dataChanges stay in this preview.
Bug Tracker Pro
Track every defect. Move every fix.
A local-first professional bug tracking application for creating, viewing, editing, deleting, and tracking software defects — from first report to resolved fix, entirely in your browser.
Start trackingCapabilities
Control the defect lifecycle
Every defect record, workflow move, and report lives in this browser — from first capture to resolved close.
Search, filter & sort
Narrow the defect list by project, priority, status, or type, then reorder it by any field — and move bugs across a drag-and-drop Kanban board as work progresses.
Statistics & reports
Dynamic dashboard statistics and Chart.js reports visualize status, priority, and project distribution as trends emerge.
Projects and activity timelines keep every change — and every notification — visible.
Local tools
Switch between dark and light display mode, and import or export the full defect archive as JSON — all data lives in this browser's LocalStorage.
LocalStorage persistedLOCAL DATA.
CLEAR DEFECT FLOW.
Bug Tracker Pro runs entirely in this browser. Every bug, project, and status change is written straight to LocalStorage — nothing leaves your device.
- LocalStorage persistence
- HTML, CSS & Vanilla JavaScript
- No backend services
Preview dataChanges stay in this preview.
Bug Tracker Pro
Track every defect. Move every fix.
A local-first professional bug tracking application for creating, viewing, editing, deleting, and tracking software defects — from first report to resolved fix, entirely in your browser.
Start trackingCapabilities
Control the defect lifecycle
Every defect record, workflow move, and report lives in this browser — from first capture to resolved close.
Bug management
BUG-001Create, edit, delete, and review full defect records with auto-generated IDs, project, type, assignee, due date, environment, steps to reproduce, and expected versus actual results.
CriticalHighMediumLow
Search, filter & sort
Narrow the defect list by project, priority, status, or type, then reorder it by any field — and move bugs across a drag-and-drop Kanban board as work progresses.
Statistics & reports
Dynamic dashboard statistics and Chart.js reports visualize status, priority, and project distribution as trends emerge.
Projects and activity timelines keep every change — and every notification — visible.
Local tools
Switch between dark and light display mode, and import or export the full defect archive as JSON — all data lives in this browser's LocalStorage.
LocalStorage persistedLOCAL DATA.
CLEAR DEFECT FLOW.
Bug Tracker Pro runs entirely in this browser. Every bug, project, and status change is written straight to LocalStorage — nothing leaves your device.
- LocalStorage persistence
- HTML, CSS & Vanilla JavaScript
- No backend services
No comments yet. Be the first!