v0.1 is here: preview mode & sections

Map every ride.
Finish every route.

Ridemap is the visual way to build, share and follow roadmaps. Plan the route on an infinite canvas, attach the best resources and watch your progress light up.

ridemap / rides / frontend-developer
Frontend basicsHTMLCSSJavaScriptAccessibilitySEO basicsFrameworksBuild a portfolioPick a frameworkDeploy a siteWrite a blog postYour progress48%

Features

Everything a route needs

From the first sketch to the last checkbox, Ridemap keeps the whole journey on one canvas.

Drag & drop editor

Drop topics, subtopics, sections, links, images and checklists onto an infinite canvas and wire them together.

Track your progress

Mark every step as in progress, done or skipped. Your route lights up as you ride it.

Curated resources

Attach articles, videos and courses to any node so travelers always know where to go next.

Group with sections

Wrap related nodes into sections and keep even the biggest maps readable.

Preview mode

Switch from editing to riding in one click and see the map exactly as travelers will.

Official & community rides

Start from an official ride or remix one shared by the community.

How it works

From idea to route
in three steps

No templates to fight, no docs to read. If you can draw boxes and arrows, you can build a ride.

  1. 01

    Sketch the route

    Lay out the big topics first, then branch into subtopics.

  2. 02

    Add the detail

    Write notes in markdown, attach resources, add checklists.

  3. 03

    Share and ride

    Publish the ride and follow progress as travelers move through it.

Ready to ride?

Join the travelers mapping what they learn, build and explore. It is free while we are in v0.1.