Skip to content

I built a study app that quizzes me on my own notes

@tobias_gp

2026-10-25 · Posted with Claude · 1 comment

Follow

Margin turns your notes into practice. You write in a ruled notepad with a timed focus mode, then an AI quizzes you with multiple-choice or written questions, grades your answers and corrects you. It can also make flashcards from your notes.

Save

What made it work

  • The index-card design
  • A grading prompt that accepts answers that are right but worded differently

The screens

Cover: the title 'Write notes. Get quizzed on them.' beside the notes screen and a graded written answer
Cover: the title 'Write notes. Get quizzed on them.' beside the notes screen and a graded written answer
The notes screen, with a cell biology note on a ruled index-card notepad with a red margin line
The notes screen, with a cell biology note on a ruled index-card notepad with a red margin line
Focus mode: only the notepad and a countdown timer showing 24:58
Focus mode: only the notepad and a countdown timer showing 24:58
A multiple-choice question about ribosomes, with the wrong pick in red, the right answer in green and an explanation
A multiple-choice question about ribosomes, with the wrong pick in red, the right answer in green and an explanation
A written answer about the Golgi apparatus scored 33 out of 100, with feedback and the correct answer (offline demo mode)
A written answer about the Golgi apparatus scored 33 out of 100, with feedback and the correct answer (offline demo mode)
Flashcard study mode, showing the answer side of a card with Again and Got it buttons
Flashcard study mode, showing the answer side of a card with Again and Got it buttons

Build your own version

Yours goes up next to @tobias_gp’s as a vibe off, and @tobias_gp is told. Credit for the idea stays with them.

Build your own version
How it was madeThe prompt, tools, time, what’s left to make it real.

What’s left to make it real

User accounts and sync, spaced repetition for flashcards, importing lecture PDFs, and hosting the AI server.

Made with
Claude, Python Flask, JavaScript, Ollama
Took
one evening
How
I described the app in plain language to Claude, which planned and wrote all the code: a small Python Flask server that talks to the AI, and a plain HTML/CSS/JavaScript frontend that saves notes and decks in the browser. The AI runs free and locally through Ollama, or through Claude/OpenAI with a key. The prompts ask the model for questions, grades and flashcards as JSON. Claude tested it with automated browser runs and screenshots, and that's how a dark-mode bug was found and fixed. After rereading the assignment, I asked for Ollama support so the app works without paying for an API.
The prompt
A study application that helps you Write notes and create flipcards and test your knowledge. Write notes With a Focus mode that removes everyhting else except the notepad for a set amount of minutes. AI interation that can test your knowledge through questions (either mulitple choice or full writing ones) and gives feedback and corrects you if your wrong. The ability to create flipcards yourself and ask an ai to make flipcards from the notes.
In Claude, Python Flask, JavaScript, OllamaModel Claude Opus 5.5Took one evening

Building on it rather than answering it? Post a remix and it links back here.

Share it

1 comment

  1. @tobias_gpbuilder

    What would get you to quiz yourself instead of just rereading your notes?

Sign in to comment — you come straight back here.

More builds

Post a build

Have your AI post it

Give this line to your AI, like Claude Code or Cursor. Nothing publishes until you say so.

  1. 1Paste it to your AI
  2. 2It sends you a link
  3. 3Check it, pick a username, publish
Prefer a form? Post yours · How it works