Under Construction

All course tracks

AI and machine learning · 30 lessons · up to 10 minutes each

AI-Assisted App Building

A review-only, step-by-step path for using Claude Code safely while building a small React and TypeScript recipe app.

20 lessons in owner review

One-time purchase · USD

Choose what to unlock

Access is attached to your account after payment is verified. No subscription.

One lesson

An individual lesson

This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.

$5.00Not available yet

Full category

AI-Assisted App Building

Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 20 are in owner review and 10 are Coming Soon.

$29.0010 lessons still in progress

Beginner

Lessons 1–10

  1. 01

    Turn a recipe-app idea into a ten-minute build brief

    Topic: recipe-app brief and project boundary

    Write a small build brief with the recipe app’s audience, first user flow, and a definition of done.

    Beginner7 minOwner review
  2. 02

    Set up a safe Claude Code workflow and project boundary

    Topic: Claude Code planning and smallest safe change

    Create a clearly bounded project workspace and a short safety checklist before asking Claude Code to edit files.

    Beginner8 minOwner review
  3. 03

    Ask Claude Code for a plan, inspect the repository, and choose the smallest next change

    Topic: recipe-app shell and navigation

    Turn a repository inspection into one small, verifiable change instead of accepting a broad unreviewed rewrite.

    Beginner9 minOwner review
  4. 04

    Scaffold the recipe app shell and navigation

    Topic: recipe data model and seed collection

    Build a minimal React and TypeScript shell with a visible recipe-list entry point and navigation.

    Beginner10 minOwner review
  5. 05

    Model a recipe with title, ingredients, steps, and metadata

    Topic: recipe list, empty state, and detail route

    Define a readable Recipe type that captures the fields the first recipe flow actually needs.

    Beginner8 minOwner review
  6. 06

    Add a small, readable seed recipe collection

    Topic: list-detail navigation and search

    Add a few clearly shaped seed recipes and verify that each record renders without hidden assumptions.

    Beginner8 minOwner review
  7. 07

    Build the recipe card list and empty state

    Topic: filters and create-recipe form

    Render recipe cards and a useful empty state when the collection has no recipes.

    Beginner9 minOwner review
  8. 08

    Build a recipe detail view and route

    Topic: validation and local persistence

    Open one recipe on a detail route and show its title, ingredients, steps, and metadata.

    Beginner10 minOwner review
  9. 09

    Add navigation between list and detail views

    Topic: safe editing, deletion, and responsive access

    Make the list and detail views form a reliable round trip with clear back and open actions.

    Beginner7 minOwner review
  10. 10

    Add title and ingredient search

    Topic: debugging, tests, privacy, and handoff

    Filter recipes by title or ingredient while preserving a clear result count and no-match state.

    Beginner10 minOwner review

Intermediate

Lessons 11–20

  1. 11

    Add category/dietary filters with clear state

    Topic: recipe-app brief and project boundary

    Add one category and dietary filter group whose selected state and reset behavior are easy to see.

    Intermediate10 minOwner review
  2. 12

    Build a create-recipe form

    Topic: Claude Code planning and smallest safe change

    Collect a recipe title, ingredients, steps, and metadata in a small form with a clear submit action.

    Intermediate10 minOwner review
  3. 13

    Add validation and useful field errors

    Topic: recipe-app shell and navigation

    Reject incomplete recipe input with field-level messages that explain how to correct each problem.

    Intermediate9 minOwner review
  4. 14

    Save recipes locally with a clear persistence boundary

    Topic: recipe data model and seed collection

    Persist the recipe collection locally and document exactly what is saved in the browser.

    Intermediate10 minOwner review
  5. 15

    Edit and delete recipes safely with confirmation

    Topic: recipe list, empty state, and detail route

    Add edit and delete actions with a confirmation step that prevents accidental recipe loss.

    Intermediate10 minOwner review
  6. 16

    Make the recipe app responsive at narrow mobile widths

    Topic: list-detail navigation and search

    Check the core recipe flow at narrow widths and fix wrapping, spacing, and overflow issues.

    Intermediate9 minOwner review
  7. 17

    Add keyboard, labels, focus, and non-color accessibility checks

    Topic: filters and create-recipe form

    Verify keyboard movement, form labels, visible focus, and status meaning without relying on color alone.

    Intermediate10 minOwner review
  8. 18

    Debug a broken feature by giving Claude Code a minimal reproduction

    Topic: validation and local persistence

    Reduce a broken recipe interaction to a concise reproduction, then verify the smallest targeted fix.

    Intermediate9 minOwner review
  9. 19

    Add focused tests and acceptance checks for the recipe flow

    Topic: safe editing, deletion, and responsive access

    Write focused checks for listing, detail, search, and create flows that match the build brief.

    Intermediate10 minOwner review
  10. 20

    Review privacy, secrets, AI-generated code, and prepare a handoff

    Topic: debugging, tests, privacy, and handoff

    Complete a beginner-safe review of secrets, local data, generated code, and the next handoff notes.

    Intermediate10 minOwner review

Advanced

Lessons 21–30

  1. 21

    Add richer persistence beyond local storage

    Topic: recipe-app brief and project boundary

    Outline a reviewed persistence upgrade without hiding the local-data boundary.

    Advanced8 minComing Soon
  2. 22

    Import and export recipes as portable data

    Topic: Claude Code planning and smallest safe change

    Plan a small, validated import/export format for moving recipes between devices.

    Advanced8 minComing Soon
  3. 23

    Handle recipe images safely

    Topic: recipe-app shell and navigation

    Plan image selection, alt text, sizing, and storage boundaries without inventing assets.

    Advanced8 minComing Soon
  4. 24

    Improve recipe-list performance

    Topic: recipe data model and seed collection

    Identify a measurable list performance check before choosing an optimization.

    Advanced8 minComing Soon
  5. 25

    Add sorting and saved filters

    Topic: recipe list, empty state, and detail route

    Extend the catalog controls with explicit sort order and a resettable saved-filter state.

    Advanced8 minComing Soon
  6. 26

    Plan offline and reconnect behavior

    Topic: list-detail navigation and search

    Describe what the app can do offline and where a future sync boundary would live.

    Advanced8 minComing Soon
  7. 27

    Deploy a recipe app with a rollback plan

    Topic: filters and create-recipe form

    Prepare a small deployment checklist with environment, verification, and rollback steps.

    Advanced8 minComing Soon
  8. 28

    Review dependency and supply-chain changes

    Topic: validation and local persistence

    Inspect dependency changes for scope, provenance, and a safe update boundary.

    Advanced8 minComing Soon
  9. 29

    Add a shareable recipe view

    Topic: safe editing, deletion, and responsive access

    Plan a public or private share decision before exposing recipe data outside the local app.

    Advanced8 minComing Soon
  10. 30

    Run a final recipe-app product review

    Topic: debugging, tests, privacy, and handoff

    Compare the finished flow with the original brief and record the next smallest improvement.

    Advanced8 minComing Soon

Reference documentation

References support the selected track topics while its lesson content is built and reviewed progressively.

Twenty lessons are built and awaiting owner curriculum review. Ten extension listings remain Coming Soon; none are learner-available.