ع Message me
Message me
All work

Concept project

EduFlow

A bilingual learning platform with 16 courses, 303 lessons, quizzes and code that runs in the browser.

  • Websites
  • Reels
Year
2026
Role
Design and front-end
Tools
React, Vite, Tailwind CSS, React Router, Motion, CodeMirror, Pyodide
See it live

The story

  1. The course catalog with filters for category, level and price

    01

    Problem

    Most online courses lose people by lesson three. Nothing pulls the learner back, and many courses have little real practice.

  2. The code playground with an editor, a live preview and passing checks

    02

    What I did

    I built 16 courses with 303 written lessons in English and Arabic. Every lesson has a quiz, and the exercises run in the browser, SQL and Python included.

  3. The My Learning page with a 13-day streak, a weekly goal ring and flashcards due today

    03

    Result

    Streaks, XP, badges and flashcards bring learners back each day. Mobile Lighthouse performance is 95 to 100, and the site works offline.

About the project

EduFlow is a concept project: a learning platform people can actually learn from. It has no backend and no accounts. Everything a learner does stays in their browser.

Each lesson was written against a content guide, translated into Arabic and reviewed for accuracy. A content check fails the build if anything is missing, and every exercise solution is run for real.

Gallery

Want something like this?

Tell me what you need, and we can plan it together.

Message me on WhatsApp

Motion