๐Ÿ† Devpost Hackathon โ€” Spec Driven Development Built with Claude AI

Turn Your Notes Into
Smart Study Materials
with AI

Paste your notes and instantly get a summary, practice questions, and simple explanations โ€” no login, no setup.

No login required ยท Single-session ยท No data stored ยท Open source

AI Study Helper
Your NotesPaste here
Photosynthesis is the process by which plants use sunlight, water, and carbon dioxide to produce oxygen and energy in the form of glucose...|
โœฆ
AI SummaryReady

Photosynthesis converts sunlight + COโ‚‚ + Hโ‚‚O โ†’ glucose + Oโ‚‚. Occurs in chloroplasts. Key stages: Light reactions and Calvin cycle.

The Problem

Sound familiar?

These are the real challenges students face when studying from notes.

๐Ÿ˜ต

Drowning in Long Notes

Struggling to understand pages of dense notes? It's hard to know what actually matters when everything looks important.

โฐ

Wasting Time Rereading

Reading the same paragraph five times without retaining anything? Passive rereading is one of the least effective study methods.

๐ŸŽฏ

No Way to Test Yourself

Without practice questions, you don't discover what you don't know until it's exam day. Testing yourself is proven to work better.

The Solution

AI Study Helper has you covered

Three core tools, one simple interface โ€” built spec-first.

๐Ÿ“‹

Summarize Notes Instantly

Paste any amount of text and get a clean, concise summary in seconds. Focus on what matters most.

โ“

Generate Practice Questions

AI creates questions from your notes. Answer them and get instant feedback to identify knowledge gaps.

๐Ÿ’ก

Explain in Simple Terms

Any concept broken down into plain language. No jargon โ€” just a clear explanation that makes sense.

Features

What the app actually does

Four core features โ€” all within the defined v1 scope.

๐Ÿ“

AI Summary

Condense any notes into key points. Paste and go โ€” no configuration needed.

โ†’ Try it now
๐Ÿง 

Quiz Generator

AI generates practice questions directly from your notes.

โ†’ Generate quiz
๐Ÿ”

Simple Explanation

Get any concept explained clearly โ€” no jargon, just plain language.

โ†’ Explain this
โœ…

Answer Grading

Type your answer to a practice question and get instant AI feedback.

โ†’ Try a question
How It Works

Ready in 3 simple steps

No login, no learning curve. Just paste your notes and go.

1
๐Ÿ“‹

Paste Your Notes

Copy and paste your lecture notes or textbook content into the input box. Or tap "Try Sample Note" to test instantly โ€” no typing required.

2
โš™๏ธ

Choose an Action

Select Summarize, Generate Questions, or Explain Simply. One click โ€” no account, no setup.

3
๐ŸŽ‰

Get Instant Results

AI processes your notes and returns results in seconds. For questions, type your answer and get graded on the spot.

Live Demo

See it in action

A representative example of each mode. Switch tabs to explore.

๐Ÿ““

Try the sample note in the real app

The app has a "Try Sample Note" button that pre-fills this biology note so you can test all three modes instantly โ€” no typing required.

Open App โ†’

Input: Sample Note

The mitochondria is the powerhouse of the cell. It produces ATP through a process called cellular respiration. This involves three main stages: glycolysis (in the cytoplasm), the Krebs cycle (in the mitochondrial matrix), and the electron transport chain (on the inner mitochondrial membrane). Oxygen is required for aerobic respiration, producing 36โ€“38 ATP molecules per glucose molecule.

โœฆ
AI SummaryGenerated

Mitochondria = cell's energy factory

๐Ÿ”‘ Key Points:

  • โ€ข Produces ATP via cellular respiration
  • โ€ข 3 stages: Glycolysis โ†’ Krebs Cycle โ†’ Electron Transport Chain
  • โ€ข Requires oxygen (aerobic)
  • โ€ข Yields 36โ€“38 ATP per glucose

Outputs above are representative examples. The live app generates real AI responses.

About This Project

Built spec-first with Claude

This app was built for the Devpost Spec Driven Development hackathon โ€” where the goal isn't competition, it's learning the habit of planning before building.

๐Ÿ› ๏ธ The Process

  1. 1Used the Devpost Claude Code plugin to plan with an AI learning partner
  2. 2Defined scope: single-session, no auth, three core AI actions
  3. 3Wrote user stories and acceptance criteria before touching any UI
  4. 4Made architecture decisions upfront: Next.js, API routes, prompt design
  5. 5Built feature-by-feature against the checklist, not vibes

๐Ÿ’ก What I Learned

  • Spec-driven development โ€” Planning before building produced cleaner code and a clearer scope.
  • Flipped prompting โ€” Having the AI interview me surfaced requirements I'd have missed going the other way.
  • Context management โ€” Keeping AI productive across sessions requires deliberate state in your prompts.
  • Scope discipline โ€” Explicitly deciding what's out (file upload, auth, history) saved hours of scope creep.

Planning Artifacts

๐Ÿ—‚๏ธ

Scope Document

What's in v1, what's explicitly out of scope, and why.

๐Ÿ“‹

PRD

User stories and acceptance criteria written before any code.

๐Ÿ—๏ธ

Technical Spec

Architecture decisions made upfront โ€” Next.js, API routes, AI provider.

โœ…

Build Checklist

Step-by-step tasks derived from the spec and tracked throughout the build.

๐Ÿ† Devpost Hackathon Project

Ready to try it?

Paste your own notes or use the sample note. No account required โ€” results in seconds.

No login required ยท No data stored ยท Open source