🌍 Carbon Hero Game + Dev Workspace

Play our interactive climate education game and explore what's in development. This workspace showcases what's in dev, available preview options, the proposed architecture, and quick links to docs & scripts.

Dev Services

Web, API, and Storybook with HMR. Status reflects your config below.

Preview

Share a public tunnel in a click (Cloudflare Tunnel / ngrok) when wired to your scripts.

Docs

ADR decisions, quick start, and API references. Link them here for easy access.

🌍

Carbon Hero - Climate Adventure Game

Interactive climate education through storytelling and gameplay

🎮 Play Now

⚡ Quiz Challenges

🏆 Achievement System

📱 Mobile Responsive

🌱 Real Climate Science

♿ Accessibility Features

🎵 Adaptive Audio

What’s in Dev

Preview Options

Run your tunnel script and paste the public URLs below. This page will render badges automatically.

Quick Commands

make up && make web

make api && make preview

Adjust to your scripts. Examples shown for convenience.

Proposed structure

apps/
  web/ (Vite)
  api/ (optional)
packages/
  ui/ (Storybook)
alpha/
  templates/ + generators/
scripts/
docs/decisions/

Keep this minimal. You can expand later without breaking URLs shown here.

Documentation Links

Point to your README, ADRs, API docs, and onboarding.

Script Library

Roadmap

Public Preview URLs

Populate via the config below after running your tunnel script (e.g., Cloudflare Tunnel / ngrok).

Status

Inline Config (edit & reload)

Adjust the CONFIG object in the script to brand this page, add docs, scripts and preview URLs.

// See <script> tag below for CONFIG
// Example:
// previews: [
//   { name: 'Web', url: 'https://example-1234.trycloudflare.com' },
//   { name: 'API', url: 'https://api-example-1234.trycloudflare.com' }
// ]