Learning Paths & Roadmaps

Every goal,mapped as a path.

Describe any goal and Michi maps it into a personalized, step-by-step learning roadmap with milestones, curated resources, and progress tracking.

Map a goal

Free to start. No credit card.

Your goal

Beginner

I want to become a professional React developer and ship real apps.

Goal

Become a React Developer

4 milestones · 56 h · 13 resources

Why a path

A learning goal rarely stalls for lack of tutorials. There are thousands, open in tabs you meant to finish. It stalls on one question: what comes next?

01Resources

The right resource for each step.

Every step comes with a few things worth opening, each with its kind, its source and how long it takes. Open a milestone to read its list, or narrow it to the courses, videos or docs you have time for.

Frontend Mastery Track

Become a React Developer

4 milestones · 56 h · 13 resources

Milestone 03 of 04

In progress

Hooks & Side Effects

Effects, refs, context, and custom hooks.

15 h · 3 steps · 3 resources

  1. Step 1, done

    useEffect & data fetching

    5 h

    Synchronize components with external systems the right way.

    • React Docs: Synchronizing with EffectsDocs react.dev · 2 h 40 min
  2. Step 2, in progress

    Context & custom hooks

    4 h

    Share state without prop drilling and extract reusable logic.

    • useHooks — recipes for custom hooksArticle useHooks · 1 h 30 min
  3. 03Step 3, to do

    Data fetching with React Query

    6 h

    Caching, mutations, and server state done right.

    • TanStack Query DocsDocs TanStack · 2 h

3 resources · 6 h 10 min to read, watch and build

02Spaced review

Remember what you learned.

Tick a step and it joins your review queue for tomorrow. Rate how well you remembered it and the next gap is set: each Good waits longer, Easy skips ahead, Hard starts over. Pick a step below and rate it to watch its weeks move.

  1. 1 day
  2. 3 days
  3. 7 days
  4. 16 days
  5. 35 days
Good climbs one step, Easy two. Hard goes back to the first.

Review queue · the next 5 weeks

Next review Then, if rated Good Rated
  • Async JavaScript & the event loop comes back today, in 7 days, in 23 days.

  • Components, props & JSX comes back today, in 3 days, in 10 days, in 26 days.

  • SQL from the ground up comes back today, in 16 days, in 51 days.

  • Context & custom hooksNext step on the path, not ticked yet

Reviews per day · 10

Rate the review today

Async JavaScript & the event loop

03Sprints and cohorts

Learn together.

Each milestone you are working on becomes a sprint, its steps on a board from backlog to done. Your study group sees the same board and the hours each person sets aside every week.

Study cohort

Frontend Cohort 12

A peer study group working through frontend and full-stack roadmaps together.

6 members · 64 h a week

  • Demo LearnerYou

    Admin

    12 h
  • Priya Nair

    Manager

    10 h
  • Marcus Lee

    Developer

    14 h
  • Sofia Almeida

    Designer

    8 h
  • Daniel Okafor

    Developer

    11 h
  • Hana Kim

    Developer

    9 h
  • Hooks & Side Effects

    Become a React Developer

    1 of 3 steps done · 5 / 8 pts

    Backlog

    • Data fetching with React Query

      Research3 pts

    To do

    No steps

    In progress

    No steps

    Review

    • Context & custom hooks

      Research2 pts

    Done

    • useEffect & data fetching

      Research3 pts
  • Batch Pipelines

    Learn Data Engineering

    0 of 2 steps done · 4 / 8 pts

    Backlog

    • Orchestration with Airflow

      Build4 pts

    To do

    No steps

    In progress

    • Data wrangling with pandas

      Research4 pts

    Review

    No steps

    Done

    No steps
  • Scope & Stack

    Ship a SaaS MVP

    1 of 2 steps done · 2 / 5 pts

    Backlog

    • Scaffold with Next.js + Supabase

      Research3 pts

    To do

    No steps

    In progress

    No steps

    Review

    No steps

    Done

    • Define the MVP scope

      Build2 pts

04Share

Share the path.

Every roadmap has a link that opens a read-only page of it. Send it to a mentor, a study partner or your manager, and they can follow the plan with you.

  • No account needed to read it
  • Read-only: no ticks, no edits
  • The goal, the milestones in order, every step and its resources
michi.jishulabs.com/shared/demo-roadmap-react
Open the shared roadmap

Pricing

Start free. Upgrade when the path gets long.

Free maps your goals with resources and progress tracking, no card needed. Pro adds the graph, the review queue and skill checks. Teams that need single sign-on or self-hosting talk to us.

  • Free

    Start learning right away

    $0forever

    • Roadmaps from your goals
    • Curated resources on every step
    • Progress tracking
  • Pro

    Recommended

    For serious, ongoing learning

    $15per month

    • Roadmaps from your goals · unlimited
    • Curated resources on every step
    • Progress tracking
    • Dependency graphs
    • Spaced-repetition review
    • Skill assessments
    • Full history
  • Enterprise

    For teams and organizations

    Custom

    • Roadmaps from your goals · unlimited
    • Curated resources on every step
    • Progress tracking
    • Dependency graphs
    • Spaced-repetition review
    • Skill assessments
    • Full history
    • Single sign-on
    • Self-host option
    • Dedicated support

Free to start. No credit card.

Questions

Asked and answered.

Anything else? Ask us directly.

What does Michi actually do?

Michi turns any learning goal into a personalized step-by-step roadmap. It breaks your goal into milestones and steps, attaches curated resources to each step, maps prerequisites so you learn in the right order, and tracks your progress with a spaced-repetition review queue.

How good are the roadmaps and resources?

Roadmaps are generated to match your specific goal and starting point, with steps sequenced by their prerequisites. Each step links to relevant courses, videos, and documentation. Roadmaps are fully editable, so you can reorder steps, add your own resources, or mark items as done at any time.

Can I customize a roadmap after it's generated?

Yes. Every roadmap is editable. You can add or remove steps, adjust milestones, swap in your own resources, and re-sequence the path. Michi gives you a strong starting structure that you stay in full control of.

Is my data private?

Your goals, roadmaps, and progress are scoped to your account, encrypted at rest, and never used to train models. Your learning data stays yours.

How much does Michi cost?

Michi is free forever for generating roadmaps with curated resources and progress tracking, with no credit card required. Pro is $15 per month for unlimited roadmaps, dependency graphs, spaced-repetition review, skill assessments, and full history. Enterprise is custom-priced with SSO, a self-host option, and dedicated support.

How does the review queue work?

When you tick a step, it joins your review queue and comes back the next day. Rate how well you remembered it: Good moves it to a longer gap, Easy skips further ahead, and Hard brings it back tomorrow and starts the streak over. Untick a step and it leaves the queue.

Can I share a roadmap?

Yes. Every roadmap has a share link that opens a read-only view of its milestones, steps and resources, with no account needed to read it.

Can I try it without an account?

Yes. The demo workspace is seeded with sample roadmaps, sprints and a study cohort, so you can tick steps, read the dependency graph and work the review queue without signing up. Start it from the sign-in page.

Your goal

Set the goal.Walk the path.

Write what you want to learn and where you are starting from. Michi maps the milestones, the steps and the resources. Free to start, no credit card.

Map a goal

Free to start. No credit card.

Michi's glass stepping stones climbing to the right on the night stage, a white beam entering the first and leaving the last as cyan light