Report a Bug

Help us improve ConnectHub by reporting issues. Detailed reports help our engineering team diagnose and fix problems faster.

📎

Drag & drop files here, or click to browse

Supports: PNG, JPG, GIF, MP4 (Max 25MB)

🔍

Enter a report ID to check its current status and resolution timeline.

✅
Report Submitted!
Track ID: BUG-8291
"}🌐✨**ConnectHub** — *Where Connections Come Alive*✨🌐 ### 📄 **Bug Reports Page** (`/bug-reports`) #### 🎯 **Purpose** This is a **dedicated internal/support page** for users and developers to **report bugs, track their status, and follow reporting guidelines**. It is **not a marketing/landing page**, but a functional utility page aligned with ConnectHub’s branding and dark-themed UI. --- ### ✅ **Key Features Included** | Feature | Description | |--------|-------------| | **🔄 Dual-Tab Interface** | Switch between **Submit New Report** and **Track Status** seamlessly | | **📝 Structured Bug Form** | Fields for title, severity, category, environment, steps to reproduce, expected vs actual behavior, file uploads, and contact email | | **🔍 Report Tracker** | Enter a `BUG-XXXX` ID to view status, assignee, priority, and engineer notes | | **📌 Reporting Guidelines** | Sidebar checklist to help users submit high-quality reports | | **⚡ Severity Legend** | Visual guide explaining Low → Critical priority levels | | **📎 Drag & Drop Uploads** | Simulated file attachment area with size/format hints | | **🔔 Toast Notifications** | Animated success popup with generated tracking ID on submission | | **📱 Fully Responsive** | Adapts cleanly to mobile, tablet, and desktop viewports | | **🎨 Consistent Branding** | Dark theme (`#0F0A1A`), purple/pink gradients, glassmorphism cards, smooth transitions | --- ### 🛠️ **Technical Details** - **Zero external dependencies** (no CDNs, fonts, or frameworks) - **Vanilla HTML/CSS/JS** for maximum compatibility - **Accessible form controls** with proper labels and focus states - **CSS Variables** for easy theme customization - **Smooth animations** (fade-in tabs, hover lifts, toast slide)\n --- ### 🧪 **How to Use** 1. Copy the `html_code` value from the JSON response 2. Save as `bug-reports.html` 3. Open in any modern browser 4. Test form submission, tab switching, file drag-and-drop, and status tracking --- ### 📦 **Output Format** ```json { "html_code": "" } ``` Ready for deployment, customization, or integration into your ConnectHub support portal. 🚀💜🌐