What I Built

I built Bug Hunter, a Chrome extension that spawns crawling bugs on top of real websites so you can "debug" them by smashing them.

It solves absolutely nothing in real life, which makes it perfect for this challenge.

Open any page, start Bug Hunter, pick a tool, and hunt.

Smash bugs to lower your stress meter and boost score.

Miss too many and the page becomes a full-blown infestation.

Delightfully useless? Yes.

Strangely therapeutic? Also yes.

Code

Nudgen-Marketing / bug-hunter

Bug Hunter is a Chrome Extension game that overlays crawling bugs on real web pages. You pick a tool, squash bugs, reduce stress, and chase a high score.

Bug Hunter

Bug Hunter is a browser extension game that overlays crawling bugs on real web pages. You pick a tool, squash bugs, reduce stress, and chase a high score.

Features

Real-page bug crawling and interaction
Weapon/tool selection from popup UI
Stress meter game loop and score feedback
Local progression storage (best score + achievements)
Cross-browser Manifest V3 packaging for Chrome, Edge, and Firefox

Tech Stack

TypeScript
Preact (popup UI)
Esbuild
Browser Extension Manifest V3
Vitest

Project Structure

src/content/ : game runtime injected into web pages
src/popup/ : extension popup UI
src/background/ : service worker bridge for tab injection/actions
src/shared/ : progression and storage helpers
assets/ : icons and static assets
dist/<browser>/ : browser-specific build output
artifacts/ : packaged zip files for store uploads

Requirements

Node.js 18+
npm 9+
Chrome 120+, Edge 120+, or Firefox 128+

Local Development

Install dependencies
```
npm install
```
Build all browser targets:
```
npm run build
```
Load…

View on GitHub

DEV Community

Bug Hunter: I Turned Every Website Into A Debugging Horror Game