TraceBug — QA Bug Reporter

About

TraceBug records user actions, console errors, network calls, and screenshots to generate developer-ready bug reports automatically.

THE PROBLEM
Testers report "the page is broken" — developers spend hours reproducing the issue, asking for screenshots, checking console errors, and looking for API failures. This back-and-forth wastes 30-60 minutes per bug.

THE SOLUTION
TraceBug captures everything automatically. One click generates a complete bug report with reproduction steps, errors, logs, and screenshots.

FEATURES
• Automatic session recording — every click, input, select, form submit, and navigation
• Console error capture — console.error(), unhandled promise rejections with full stack traces
• Network monitoring — all fetch/XHR requests with URL, method, status, and response time
• Screenshot capture — full-page screenshots with annotation tools (highlights, arrows, text)
• Voice bug descriptions — describe bugs by speaking instead of typing (Web Speech API, free)
• Auto-generated reproduction steps — human-readable steps from recorded events
• GitHub Issues — one-click markdown export with formatted steps and error details
• Jira Tickets — one-click Jira markup export ready to paste
• PDF Reports — print-optimized HTML reports with all session data
• Environment auto-detection — browser, OS, viewport, device type, connection
• Session timeline — color-coded events with elapsed timestamps
• Smart bug titles — auto-generated from error context

PRIVACY & SECURITY
• Zero backend — all data stays in your browser's localStorage
• No servers, no API keys, no external dependencies
• Passwords, credit cards, SSNs, and tokens auto-redacted
• TraceBug never records its own UI interactions
• No analytics or tracking

WORKS EVERYWHERE
No code changes needed. Enable TraceBug on any website with one click.
Compatible with React, Next.js, Vue, Angular, Svelte, Vite, Nuxt, Remix, Astro, and plain HTML.

ALSO AVAILABLE AS NPM PACKAGE
npm install tracebug-sdk
For developers who want to embed TraceBug directly in their apps.

OPEN SOURCE
https://github.com/prashantsinghmangat/TraceBug-ai

Built for developers and QA teams who want faster debugging.