RoadRunners - Hackathon B1

The junior ladder is gone.

We built you a new one: Scrimba-style CodeCasts inside a branching AI roadmap, so you learn by building instead of tabbing between YouTube and VS Code.

The difference

A lesson is not a journey.

RoadRunners homepage — The junior ladder is gone

Scrimba gives the teaching loop. RoadRunners adds the map: pick a goal, choose the next build, pivot when interests change, and keep moving through one project.

Roadmap creator

Start with a goal, not a playlist.

Goal input

State what you want to learn, build, or become.

Interest bubbles

Choose skills and topics that shape the first route.

Custom roadmap

AI proposes a small set of valid feature checkpoints.

Branching choices

Choose what to build next.

Pick the next build

Every option is a concrete project outcome.

Switch tracks

Move from React to Swift, Python, or another track when it fits.

No lost progress

Deferred choices resurface, and old branches stay visible.

CodeCasts

Scrimba-style lessons inside the editor.

CodeCast video walkthrough — Watch phase

01

Play

One timeline syncs narration, captions, slides, files, and code.

02

Inspect

The editor, file tree, tabs, terminal, and run controls stay in one surface.

03

Pause

Challenge gates stop playback so the learner has to type, run, or skip.

04

Save

Saved CodeCasts keep timeline position, active file, and code.

Workspace

A teaching workspace, not a video tab.

Monaco editor

Code appears step by step, then becomes editable.

Terminal and preview

Run the project, inspect output, and preview web work.

Sandbox runtime

Daytona-backed execution with Pyodide fallback when needed.

Verification

The harness checks your work.

Execution evidence

Run status, stdout, stderr, exit code, and timeout state.

Objective checks

Assertions, HTTP probes, browser checks, and expected output.

AI advisory

One bounded judgment only when objective checks need context.

Progress

Progress is visible, not vague.

Journey map

The map shows current work, pivots, and archived branches.

Coverage

Concepts are labeled introduced, practiced, or verified.

XP and streaks

XP, levels, and streaks reward momentum without replacing proof.

What we used

Built with learner-first tools.

App

Next.js 16

App Router, TypeScript, Tailwind CSS, shadcn/ui.

Data

Supabase

Auth, Postgres, Storage, RLS, saved CodeCasts.

Run

Daytona

Cloud sandboxes, terminal execution, snapshots, previews.

AI

OpenAI

Branching roadmap choices, guides, and advisory checks.

Demo flow

Hear it. Type it. Run it.

Create a roadmap, pick a feature, play a CodeCast, pause for the challenge, run your code, verify it, and unlock the next build.