• 

  Dashboard

🕷️ Hunter Net – Bug Bounty Management System

🚀 About the Project

Hunter Net is a sleek, dark-themed web application built to empower security researchers and bug bounty hunters with a centralized, modern workspace. From tracking vulnerabilities to managing bounty programs and visualizing performance data, Hunter Net brings structure and clarity to an otherwise fragmented workflow.

This project was created for the Bolt.new “Create a Stunning App in a Single Prompt” challenge, pushing the limits of design, usability, and engineering—all sparked from a single, well-crafted prompt.

💡 What Inspired Me

As a bug bounty hunter, I’ve often felt the lack of a unified tool that combines program tracking, report management, and data insight in a clean, purpose-built interface. Many of us rely on spreadsheets or scattered notes, but I envisioned something better: a professional-grade, hacker-friendly dashboard that feels as powerful as it looks.

This challenge was the perfect chance to bring that idea to life—and test how far thoughtful design and clear architecture can go in just one prompt.

🛠️ How I Built It

🔧 Stack & Tools

• React + TypeScript: For fast, type-safe UI development
  
• Tailwind CSS: To craft a dark, responsive, and accessible design
  
• Framer Motion: Adds smooth animations and transitions
  
• Lucide React: Clean, minimalist iconography
  
• ECharts: Advanced, interactive metrics visualization
• localStorage: Enables persistent storage of user data (reports, templates, preferences)
  

🧩 Key Features

• BeamsBackground: Custom animated canvas component with glowing green beams for ambient atmosphere
  
• Sidebar Navigation: Collapsible on desktop, overlay on mobile
  
• Dashboard:
  • Stat Cards (e.g., Reports, Bounties Earned, Needs Action)
  • Activity Feed with color-coded events
    
• Reports Board:
  • Kanban-style for report statuses
  • Severity and program filtering, inline editing
    
• Programs & Templates Management:
  • Editable tables with dynamic modals
  • Rich metadata support and icon-based UI
    
• Modals & Markdown Editor:
  • Dynamic forms with Markdown support for rich-text vulnerability descriptions
    

🧠 What I Learned

• How to design a system in a single prompt—thinking modularly about state, UI, and interactivity upfront
  
• Crafting visual storytelling through animation using canvas and framer-motion
  
• Managing app-wide state with localStorage-based persistence to simulate real-world usage
  
• Building a dark mode UI that remains readable, elegant, and accessible
  

⚠️ Challenges Faced

• Scope Management: Keeping the app ambitious yet achievable within a single prompt
  
• Performance Tuning: Balancing rich visuals (animated beams) with app responsiveness
  
• Dark UI Balancing: Ensuring contrast, depth, and focus cues were clear without visual overload
  

🎯 Final Thoughts

Hunter Net is the result of combining passion for cybersecurity with a love for clean design and interactive tech. This challenge was more than just a build—it was a reminder that a strong idea, executed precisely, can deliver stunning results with remarkable speed.

Track. Report. Reward. Repeat.

Built With

• bolt.new