interactive learning demo live demo + ux logic

Review Scheduling Demo

Compact spaced-repetition review demo inspired by the German Learning App, with ratings, progress, and next-review scheduling.

Open demo GitHub repo

AstroJavaScriptHTMLCSSState logicUX flow

What it demonstrates

Implementing user-facing product logic instead of only building technical back-office tools.
Translating a learning flow into understandable state transitions and feedback.
Thinking about clarity, pacing, and progressive disclosure in a small interactive interface.
Using the portfolio to show practical product-minded implementation inspired by real app work.

What to try

Reveal the answer before rating so the review flow stays deliberate.
Use different ratings and compare how the next-review timing changes.
Watch the deck overview and session log update after each card.
Finish the queue and reset the session to run through another path.

This demo uses a small sample queue and simplified spacing rules. The goal is to show the review loop clearly: prompt, reveal, rating, scheduling feedback, and steady session progress.

Progress 0 / 5 reviewed

Remaining today 5 cards due

Current step Reveal the answer, then rate recall.

die Bewerbung

Deck overview The first card is ready to review.

die Bewerbung

Current

application

Due now interval 1d

vereinbaren

Due

to arrange / agree on

Due now interval 1d

zuverlassig

Due

reliable

Due now interval 2d

die Kenntnis

Due

knowledge

Due now interval 3d

der Fortschritt

Due

progress

Due now interval 4d

Session log No reviews yet

Rate a card to start the session log.