Résumé
All work
← All work

Community · 2024

Bug Bounty

A website broken on purpose for GDG RCCIIT's debugging contest, where students fixed it through GitHub issues and pull requests.

My role
Designer and developer
Team
Solo
When
November 2024

Overview

Debug Quest is level 2 of GDG RCCIIT's debugging contest: a Halloween-themed website broken on purpose. Contestants find the bugs in nine challenge cards, raise an issue for each and send the fix as a pull request. I built the whole site, bugs included, in plain HTML, CSS and JavaScript.

The problem

First- and second-year students rarely practise debugging, or the GitHub routine of forking, issues and pull requests, on an actual project. A contest needs a codebase that is broken in ways worth finding, playable in a browser, and small enough to read in an evening.

Screens

Level 2 of Debug Quest. Every card has something wrong with it.
Six of the nine challenge cards.

What I built

  • Nine broken challenge cards: each broken in its own way, with a score out of ten.
  • A page that fights back: fake alerts, a blackout every 15 seconds, ghosts, sounds and a cursor trail hiding the real bugs.
  • The Halloween theme: glitches, distortions, a potion bottle with rising bubbles, and sound effects.

Decisions and challenges

  • No framework, no build step. A first-year could open the files in any editor and run the site in a browser.
  • The fix goes through GitHub. Contestants raised issues and opened pull requests, so the contest taught the workflow it was meant to teach.

Results

  • Contestants found the bugs, raised issues and opened pull requests to fix them.

Built with

HTML · CSS · JavaScript · GitHub Pages and Vercel