All projects

Personal product · EdTech

Rihenien

My own product: a gamified way to learn JavaScript, Python and C, with a lesson journey, an in-browser code editor, XP, streaks and leagues.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS
  • Zustand
  • Monaco
Visit the live product
Rihenien dashboard: hexagon lesson path, league and daily goals

Context

Rihenien is my own product, for French- and English-speaking beginners who want to learn to code a little every day.

The challenge

Learning to code alone is easy to give up. The product has to turn practice into a daily habit and give feedback on code right away, in the learner's language.

My role

Product, interface design and front-end, end to end.

What I built

  • Lesson journey through levels and modules, drawn as a path of hexagons.
  • Lesson workspace: theory, multiple-choice questions and a Monaco code editor with run, test cases and submit.
  • Game mechanics: XP, streaks, energy, daily goals, leagues and leaderboard, badges and an activity heatmap.
  • Public profiles, French and English, dark and light themes, a code playground and docs.
  • A typed data layer shaped like the planned Django models, so the real API can replace it without rewriting the screens.

Results

  • Front-end complete and online on Vercel, in two languages.
  • Next step: the Django API and real code checking with Judge0. The screens already run on the same data shapes.
Lesson workspace: challenge, Monaco editor and test cases
Lesson workspace: challenge, Monaco editor and test cases
JavaScript beginner level, module by module
JavaScript beginner level, module by module
League leaderboard with streaks and XP
League leaderboard with streaks and XP

Need something similar?

I can scope it with you and tell you how I would build it.

Let's talk about your project