Skip to content
Krasimir Paunov
All projects

02

The Trail

An interactive history encyclopedia — explore eras, complete chapters, earn badges and collectables.

Landing page of The Trail — the title over a dimly lit antique globe, with a “Begin your journey” button

The Trail is an interactive history encyclopedia: users journey through seven eras of human history — reading chapters, taking quizzes and earning collectibles along the way.

Highlights

  • 7 eras, 35 chapters, 35 quizzes and 77 collectibles, seeded into the database on first run.
  • Structured chapter content — paragraphs, fact blocks, quotes, timelines and inline images rendered from a JSON content format.
  • Quizzes and rewards — five questions per chapter: passing (60%+) earns a Common collectible, a perfect score a Rare one, and perfect scores across a whole era a Legendary one.
  • “Dive deeper” cards with Wikipedia summaries fetched live from the Wikipedia REST API.
  • Authentication with ASP.NET Identity and JWT — guests can read chapters; quizzes require an account.

Architecture

The ASP.NET Core API follows Clean Architecture across five projects (Api, Data, Domain, Services, Services.Core). The React + Vite + TypeScript single-page app talks to it through an Axios client that attaches the JWT automatically.

— 06

Screenshots

From the project’s repository — click to enlarge.