OWASP Hack Heroes

Hack Heroes Logo

OWASP Hack Heroes 🦸 is an open-source project created to inspire young people to explore careers in 🛡️ cybersecurity. It features a series of in-browser challenges aimed at ages 8-14, but is fun for all ages.

Key Features

  • Engaging Spy-Themed Cybersecurity Challenges: Solve missions that teach technical concepts in a fun, interactive way.
  • Interactive Learning: Each challenge provides hints, objectives, and tools to help players learn and complete tasks.
  • Customisable Toolset: Gadgets include an HTML Reader/Editor, JavaScript Console, Decoders, and more to help users complete their missions.
  • Browser-Based: All game logic executes in the user’s browser, making it easy to host and great for privacy and security.
  • Local Data Storage: Game progress is stored locally in the browser, not on servers, ensuring privacy and security.
  • Alpine.js-Powered: Application logic is built using Alpine.js.
  • Modern UI: Uses Bulma for responsive design and Ace Editor for code editing.
  • Tested with BrowserStack: Ensures cross-browser compatibility.

Technology Stack

  • HTML, JavaScript, CSS
  • Alpine.js for dynamic content and interaction
  • Bulma for modern, responsive design
  • Ace Editor for in-browser code editing
  • LocalStorage for saving player progress

Road Map

Currently there are 6 challenges, 5 ‘gadgets’ for solving challenges, and a simple presentation layer. Future plans include:

  • Authoring more challenges aligned with early computer science learning objectives.
  • Piloting in schools and gathering feedback.
  • Creating a knowledgebase for deeper learning.
  • Considering server-based support for leaderboards and progress saving.
  • Expanding challenge sets for different ages and difficulty levels.

Data & Privacy

Hack Heroes stores anonymous challenge status data in your browser. No personal information is required or stored on servers.

For more details, visit the main website or the GitHub repository.

Watch Star