bug-tracker

byNaina Garg

Create 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.

LandingDashboard
Landing

Comments (0)

No comments yet. Be the first!

Preview dataChanges stay in this preview.
Landing design preview
Landing: View app overview
Dashboard: View assigned bug stats
Kanban Board: View bug columns
Bug Details: Review defect details
Bug Editor: Update bug status
Kanban Board: Drag bug to progress
Kanban Board: Drag bug to resolved
Kanban Board: Drag bug to closed
All Bugs: Verify status update
Settings: Toggle display mode
Preview dataChanges stay in this preview.
Landing design preview
Landing: View app overview
Dashboard: View assigned bug stats
Kanban Board: View bug columns
Bug Details: Review defect details
Bug Editor: Update bug status
Kanban Board: Drag bug to progress
Kanban Board: Drag bug to resolved
Kanban Board: Drag bug to closed
All Bugs: Verify status update
Settings: Toggle display mode