JunoJR Learning
Skip to learning content
← Choose a project

💡 Self-paced family project · 6 missions

Idea-to-Action Studio

Turn fictional Moon Garden notes into a reviewed checklist: keep source lines, reject invented tasks, save edits and export a useful text plan.

No installation, payment, child account, or AI key to begin in the browser. Later authored missions use guardian access. Full project extensions may need additional tools.

What you will make

A notes-to-checklist helper with source references

  • Parse a simple text convention into structured checklist records.
  • Keep human review and source evidence attached to assistant suggestions.
  • Save and export an editable plan using browser-local data.
  • Compare a workflow against a stated, repeatable baseline.

Settle in together

Laptop or desktop with a modern browser for editing. Phones can read the guide and observe or try the preview. Start with fictional data.

Allow about 5 minutes to get ready. Six missions in order. Try one or two 5–12 minute activities, take a break, and resume at the next activity. Plan several short sittings per mission; the full 75–90 minute lesson remains the detailed reference. End each sitting with a saved copy and one sentence: next time we will… Times are estimates awaiting family pilots.

  • For ages 9–12, work beside a parent on a computer with a keyboard. A phone can read the guide and watch; use a computer for editing. Older learners may try the full lesson's stretch task after the core checks.
  • Open the first mission's browser workspace and press Run before installing anything. No payment, child account, or AI key is needed for that introduction. If the runtime reports unavailable, keep your files, read its error, and use the course-specific fallback below with adult help.
  • The initial buildChecklist copies every nonempty line, including facts. Draft validation is initially weak, Save/Load do not save yet and export initially contains only task text. Missions add these features in order; supplied drafts make AI optional.
  • Parent-guided same-version local handoff: keep the current workspace tab open and record one exact edited line/value from File index.html (such as your changed heading or installed exportPlan). Use Export backup, then the trusted parent-page Download index.html. Keep both downloads; JSON is a backup, not an executable app. Download /lab-starters/productivity-apps.zip, extract a fresh productivity-apps folder, and replace only its root index.html with the downloaded current source. Confirm its actual name is index.html, not index.html.txt, and open it as plain text to find the recorded edited line before claiming local evidence. No packages are needed. Open that replaced file in a separate LOCAL app tab. Record/recreate the same fictional notes, edited tasks and checkboxes locally: workspace appStorage does not automatically populate this tab's app memory. Check your known source edit and its expected behavior there. Open DevTools Console for the LOCAL app tab, not the guardian page or opaque preview. If file-origin storage is blocked, a parent runs python3 -m http.server 8080 --bind 127.0.0.1 from that extracted folder and opens http://127.0.0.1:8080/index.html; re-enter the fixture because this is another origin. Keep the workspace/JSON backup if a browser or storage check fails, and record that check as pending or failed rather than credited to a pristine download. Repeat transfer and verification after further code edits.
  • Replace complete named functions from the full lessons once, preserving render and button handlers. The embedded preview blocks learner-initiated Download text; the trusted Download index.html handoff enables the required standalone report check without changing that restriction.
  • Keep original four notes: Project: Moon Garden; TODO: Draw three moon flowers; Fact: The display uses blue paper; TODO: Build a paper rocket, each on its own line. Mission 1 adds a fifth TODO for a welcome sign; mission 3 restores the original four for shared draft references. All notes stay fictional and local.
  • Keep the original starter unchanged as a reference. Export a working copy before a risky edit or reset. Work and the optional progress checklist stay on this device; an export is your portable backup. A checked box records your own report, not a verified assessment.
  • Use invented names, notes and records. The parent handles accounts, optional AI and sharing. Predict together, let the child make one choice, change one thing, test it, then explain what happened. An assistant is optional; the supplied code and a partner work too.
Parent help, saving & device setup →

Two people, different jobs

Child · driver & designer
Sort fact versus action, predict the plan, check each source and choose a useful label. Compare paper and app using actual trial results.
Parent · thinking partner
Help with named function replacements and JSON punctuation. Ask the child to point to a source line before accepting an assistant suggestion.

A path you can pause

These are complete missions, not one-sitting deadlines. Each family guide breaks the work into small activities. Return to the last activity you chose to remember.

  1. MISSION 1 · PUBLIC FIRST MISSION

    Find the friction in a task

    Observe how raw notes make a simple project harder, then design a more useful checklist.

    Full mission plan: 75 minutes · split across activities

  2. MISSION 2 · GUARDIAN ACCESS

    Turn labeled notes into records

    Recognize only TODO lines and keep their original line numbers as evidence.

    Full mission plan: 75 minutes · split across activities

  3. MISSION 3 · GUARDIAN ACCESS

    Make assistant suggestions prove their source

    Import a supplied or adult-generated draft only when every item points to a matching TODO line.

    Full mission plan: 75 minutes · split across activities

  4. MISSION 4 · GUARDIAN ACCESS

    Save edits and preserve their context

    Save the source notes and edited checklist together, then load them with honest review reminders.

    Full mission plan: 75 minutes · split across activities

  5. MISSION 5 · GUARDIAN ACCESS

    Export something another person can use

    Create a readable text plan with completion marks and source references, and improve keyboard usability.

    Full mission plan: 75 minutes · split across activities

  6. MISSION 6 · GUARDIAN ACCESS

    Measure the helper honestly

    Compare a paper workflow with your app on the same fictional task, then demonstrate the evidence trail.

    Full mission plan: 75 minutes · split across activities

Leave a trail for next time

The optional mission checklist remembers your place in this browser. Workspace files have their own save controls; export them for a portable backup. Write down one change, one test observation, and the activity you want to try next.

Download the original starter for the full local project ↓
About this family pilot

Authored draft for educator review and pilot teaching. Starter files are original, self-contained classroom adaptations; classroom timing and age fit have not been learner-tested.

Complete course plan · extended setup, camp & project evidence

Begin in the browser workspace with no installation. The original tools and prerequisites below apply to the full downloaded project and its extensions. Native mobile tools and physical hardware are separate adult-prepared steps. Portfolio themes describe your project; no credential is automatically awarded.

Build an editable checklist from fictional notes, review an assistant draft against its source, and measure whether the app helps someone finish a small task.

Full course platforms: Browser · Ages 9-10, 11-13, 14-16

Your project

A notes-to-checklist helper with source references

  • Parse a simple text convention into structured checklist records.
  • Keep human review and source evidence attached to assistant suggestions.
  • Save and export an editable plan using browser-local data.
  • Compare a workflow against a stated, repeatable baseline.

Before you begin

  • Can edit and save a text file with adult support.
  • Can open a local HTML file or a school-hosted copy in a browser.
  • No previous AI account, backend service, or paid API is required.

Materials

  • Computer, browser, and text editor.
  • Download /lab-starters/productivity-apps/index.html.
  • A paper checklist and timer for the comparison experiment.

Your tools

Browser and text editor
Build, inspect, and revise one small app.
An adult downloads /lab-starters/productivity-apps/index.html, saves a working copy named index.html, and opens it in a browser. Reopen or reload after saving edits. If local-file storage is blocked, use an adult-hosted local server; the app itself needs no network.
JR Playground or adult-operated approved assistant
Ask for explanations or compare a suggested revision with observable behavior.
Use only fictional lesson inputs. An adult operates the approved assistant. Every required build has supplied code and works without an AI service.

Learn online

Six 75-minute sessions: 10 minutes predict/design, 40 minutes build, 15 minutes test with evidence, 10 minutes explain and save. One numbered lesson per session.

Plan around 75 minutes per session; pause and revisit at your own pace.

Adult support: Prepare files and tools, operate any AI service, support reading and debugging, and require the learner to explain and test each adopted change.

Build at camp

Five days with 180 planned minutes per day, including project work and group activities. The course outline does not reserve a camp place.

  1. Day 1: Day 1 — Discover and build

    • Run lesson 1, interview a partner using the fictional scenario, and sketch a clearer screen.
    • Use the remaining lab time for pair programming, movement breaks, and saving a checkpoint.
  2. Day 2: Day 2 — Make rules visible

    • Complete lessons 2 and 3 in two 75-minute blocks.
    • Use 30 minutes for a paper prediction game, break, and comparing actual results.
  3. Day 3: Day 3 — Make it useful

    • Complete lesson 4 and swap devices or roles for a usability test.
    • Spend the remaining time on the lesson camp activity, improvement, and a screen-reader or keyboard check.
  4. Day 4: Day 4 — Connect the pieces

    • Complete lesson 5 with facilitator setup ready before the session.
    • Run a challenge station, peer debugging, and capstone preparation.
  5. Day 5: Day 5 — Test and demonstrate

    • Complete lesson 6 and collect rubric evidence.
    • Use the remaining time for rehearsal, a family-facing demo using fictional data, and individual reflection.
Facilitator preparation
  • The three-hour day includes short movement breaks; do not require uninterrupted screen time.
  • Use driver/navigator pairs and rotate every 15 minutes. Keep an individual prediction and explanation from each learner.
  • Bring a known-working teacher copy and preserve a learner checkpoint before replacing functions. The second camp day contains two complete lesson blocks.

Show what you built

Deliver a browser helper that turns labeled fictional notes into a reviewed, editable checklist; validates a supplied assistant draft; saves context and state; and exports a readable plan. Demonstrate usefulness through a small, honestly described comparison.

Faithful transformation
TODO parsing keeps original source lines and ignores facts and empty actions.
Assistant verification
Valid draft accepted; invented task, wrong line, and duplicate rejected.
Useful state and output
Edits and completion survive save/load; exported text contains status and numbered evidence.
Accessible interaction
Build, edit, complete, and export work through keyboard controls.
Measured reflection
Comparison records task, order, time, errors, observation, and a bounded conclusion.

Portfolio theme: Productivity App Architect

Use the rubric with a guardian or mentor and record your evidence in your builder notebook.

Build with care

  • Use fictional people, tasks, places, and records. Do not import family repositories, private photos, health information, or real junior-player records.
  • Store only classroom sample data. Demonstrate the clear-data control before using a shared computer.
  • Any assistant is adult-operated through JR Playground or an approved classroom setup; keep provider credentials out of browser files.

Inspired by our projects

Brainwave
Editable documents, streaming writing assistance, and read-aloud inspired this smaller text-first workflow. The classroom build uses typed fictional notes and supplied drafts; it does not require the source app, audio recording, or a live transcription service.