Parallax & Ponder

Parallax & Ponder was built around one core principle: keep learners in a continuous study loop instead of scattering tasks across disconnected screens. Each lesson moves from instruction to reinforcement to application without losing context.

Development was heavily AI-assisted, but not hands-off. I defined product constraints for pedagogy, interaction behavior, and tone, then iterated prompts and code until the output met the intended learning quality bar.

• 

  Step 1

  Home Hero

  The opening screen frames the app as a daily learning ritual, so the promise and next step are clear before any scrolling starts.

• 

  Step 2

  Quiz (In Progress + Results)

  Every question surfaces the correction and the reasoning behind it. Results land while the attempt is still fresh, so wrong answers become study material instead of history.

• 

  Step 3

  Crossword (Grid + List)

  Two modes for the same puzzle: grid-first for spatial solvers, clue-first for readers. Either path works through the same vocabulary set.

• 

  Step 4

  Lesson Flow (Video + Audio)

  Lessons start with a quick visual primer, then shift into extended listening to reinforce vocabulary through repeated exposure.

• 

  Step 5

  Writing Lab

  Guided prompts move learners from recognition to real usage, with sample responses for unblocking and AI feedback that coaches without giving away answers.

• 

  Step 6

  Mobile Lesson View

  The full study loop fits in a single column. Short sessions between other things still complete the arc.

• 

  Step 7

  Vocabulary + Review Entry

  Key words surface first. Quiz, Crossword, and Writing Lab share one launch point so the practice path stays unbroken.

• 

  Step 8

  Archive List

  The archive works like a learning timeline, making it easy to revisit tough days, resume streaks, and track momentum over time.

• Next.js
• React
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• Recharts
• Biome
• Vitest