Medical education platform · Laravel · Client work

Pathology Bro

Medical students read the pathology chapter twice and still miss the question in the exam. A pathology lecturer needed a platform that makes them answer, shows them why they were wrong, and brings the material back before they forget it. I designed and built it, games included.

View live site Play Save the Dino ↗العربية
Pathology Bro homepage on desktop: the headline “You read it twice. You still could not answer the question.” beside a preview of the dino game.
The same homepage on a phone, with Try it free and Play Save the Dino buttons.

The live homepage on desktop and on a phone. Question bank and admin screens further down come from the development copy with a test account, so no student’s data appears.

Role
Design, build and launch
Client
A pathology lecturer and their students
Platform
Laravel · PHP · MySQL · Tailwind · PWA

Students learn by answering, not by rereading.

Rereading feels like studying, and the exam proves it was not. So the platform is built around one loop: answer a question, see at once why each option is right or wrong, and meet the weak spots again before they fade.

The lecturer had problems of their own. The course ran on an old WordPress site, accounts were easy to share, and adding hundreds of questions by hand was not realistic. The platform had to protect the course, move the existing students over, and let the lecturer add content without a developer.

Question bank

Every wrong answer explains itself.

Students build a test from new questions, the ones they got wrong, or the ones they marked, in tutor or exam mode. After each answer they see why every option is right or wrong and how other students answered. They can highlight, take notes, and suspend a block to finish it later.

An answered question in tutor mode: the correct option highlighted, the share of students per option, time spent and the explanation.
After the answerCorrect option, how others answered, and the explanation
Create a test: question pool (all, unused, incorrect, marked), number of questions, tutor or exam mode, and subjects by system and topic.
Build a testFrom unused, incorrect or marked questions, by system and topic
Save the Dino

A wrong answer costs a heart, and teaches.

A right answer makes the dino jump the obstacle. A wrong one knocks it down, costs a heart and shows the explanation straight away. Each level is one body system, so a run is also a revision of that system.

Save the Dino on a phone: level one, cardiovascular, a clinical question with four options under the running dino.
The runLevel one, cardiovascular
A wrong answer in the dino game: the screen flashes red, a heart is lost and the explanation appears.
A wrong answerThe explanation appears at once
Daily question result: correct in 3 seconds, a one-day streak and a share button.
Daily question60 seconds, with a streak to keep
Played together

Duel a classmate. Pass the phone around.

A duel goes out as one link and keeps both scores. Impostor is a party game on a single phone: everyone gets the same condition except one player, who gets only a clue. All four games open without an account, so they are also the free door into the platform.

Duel a friend: question one of five with a countdown, the right and wrong options marked and the explanation.
Duel a friendFive questions against the clock
Impostor game card: the condition is Barrett oesophagus, with a private clue, then hide it and pass to the next player.
ImpostorOne phone, passed around the group
Memory

Cards come back right before they are forgotten.

Spaced-repetition flashcards return each card on schedule, and a short quiz runs automatically after every lesson. Lessons play with the PDF open beside them.

A flashcard study session for the blood system: new, learning, reviewing and mastered counts above a fill-in card.
Flashcard sessionNew, learning, reviewing, mastered
The lecturer’s side

The lecturer adds the content. No developer in between.

From the admin panel the lecturer writes a question, its options and an explanation for each one, then places it by subject, system and topic. Hundreds of questions import in one go, flashcards import from Anki files, and one tick puts a question into the dino game.

Edit question screen in the admin panel: question text editor, options with the correct one ticked, course, system and topic, and a Use in Save the Dino checkbox.
Writing a questionOptions, explanations and where it belongs
Save the Dino settings in the admin panel: five levels, one per system, and the list of questions currently in the game.
Running the gameOne level per system, filled from the bank

What the lecturer has now

  • A question bank with tutor and exam modes and an explanation for every option
  • Four learning games, open to visitors without an account
  • Spaced-repetition flashcards and an automatic quiz after each lesson
  • Video lessons watermarked with the student’s name, and one device per account
  • Course access sold through activation codes
  • An installable phone app (PWA) with notifications
  • Students and courses moved over from the old WordPress site
  • An admin panel with bulk question import and Anki flashcard import

Honest scope

  • Client project, live on the lecturer’s own domain
  • The medical content (questions, explanations, lessons) is the lecturer’s. Design, code and games are mine
  • Question bank and admin screens come from the development copy with a test account, so no student’s data is shown
  • No usage or exam-result figures are claimed here: they were not measured as part of this work
Walkthrough

From the admin panel to the student, in 70 seconds.

A recording from the development copy: the lecturer adds a question with an explanation for each option, saves it, and a student meets it in a test and sees why the wrong answer was wrong. The captions are in Arabic.

Live

Try a run yourself.

Play Save the Dino Next: Fancy Care →