idea×app

Study Planner

Phone 📚 Education by Humayun 1 0 0
ideaxapp.com/app/study-planner-fi61h

Interactive concept demo generated by AI — it runs in a sandbox, can't reach the internet and resets when reloaded.

Remix this app Build it for real Download HTML Try this idea yourself

What it does

Short description.

The exact prompt

prompt → output

This is the complete text that produced the prototype above — nothing hidden. Read it, copy it, change it.

A study planner for exams: I add my subjects with exam dates and topics, tick topics off, and it builds me a weekly revision plan that prioritises the soonest exam and never gives me more hours than I set.

Anyone can build on this: run the same prompt yourself, remix this exact prototype, or browse more prompts with their outputs.

Feedback

No comments yet. Say what you like or what you'd change.

Build it for real

AGENTS.md (brief) prototype.html

A build brief written from this prototype — what it does, its screens, data and rules — shipped as AGENTS.md, the file coding agents read automatically. Put it next to the prototype, paste one prompt, and the real app is under way.

What it is

UPDATED: Study Planner turns a list of subjects and exam dates into a day-by-day revision plan. Students see how many topics are left per subject, tick off completed topics, and get an automatically balanced weekly schedule that prioritises the soonest exams.

For: Secondary school and university students revising for several exams at once, used daily in the weeks before exams.

Features (v1)

  • Users can add subjects with an exam date and a list of topics
  • Users can tick topics off and see remaining counts per subject
  • Users can view an auto-generated weekly plan that prioritises the soonest exam
  • Users can set available study hours per day
  • Users can start a focus timer for a topic and log the session
  • Users can see progress bars per subject and overall
  • Users can reschedule a missed day with one tap

Screens

  • Subjects — List of subjects with exam dates and topics left
  • Subject detail — Topic checklist and progress for one subject
  • Weekly plan — Generated day-by-day schedule with drag-free move buttons
  • Focus timer — Pomodoro timer bound to a topic
  • Settings — Hours per day, rest days, notifications

Data model

  • Subject: id: uuid, name: string, examDate: date, colour: string
  • Topic: id: uuid, subjectId: Subject id, title: string, done: boolean, estimatedMinutes: number
  • Session: id: uuid, topicId: Topic id, startedAt: datetime, minutes: number

Rules & behaviour

  • Topics are scheduled soonest-exam-first, then by estimated minutes
  • A day never exceeds the available hours set in Settings
  • Ticking a topic removes it from future days and re-balances the plan
  • Past exams move their subject to an archived section
  • Empty state: no subjects → show a friendly prompt to add the first exam

Recommended stack

Expo (React Native) with TypeScript, expo-router, and SQLite via expo-sqlite for offline storage

A phone app used daily works best offline-first; Expo ships to iOS and Android from one codebase and matches the prototype's tab-bar layout.

Alternatives: Flutter with Drift · Responsive PWA with Vite + React and IndexedDB

Milestones

  1. Reproduce the prototype screens with real components and mock data
  2. Add SQLite persistence for subjects, topics and sessions
  3. Implement the scheduling algorithm with unit tests
  4. Focus timer with background-safe timing
  5. Notifications and settings
  6. Polish, accessibility pass and app store builds

Kick off in your tool

1
Get the files into a folder

One paste in a terminal (macOS, Linux, Windows PowerShell) — or use the download buttons above. CLAUDE.md is a one-liner that points Claude Code at AGENTS.md.

mkdir study-planner && cd study-planner
curl -sL -o prototype.html "https://ideaxapp.com/run/study-planner-fi61h?download=1"
curl -sL -o AGENTS.md "https://ideaxapp.com/kit/study-planner-fi61h.md"
curl -sL -o CLAUDE.md "https://ideaxapp.com/kit/study-planner-fi61h.md?file=claude"
2
Pick your tool
Coding agents — work in your folder
Browser builders & chat — one self-contained prompt
3
Paste the prompt

Open a terminal in the folder and run claude — or open the folder from the Code tab of the Claude desktop app — then paste the prompt. Claude Code reads CLAUDE.md, which points it at AGENTS.md.

This folder contains prototype.html (a clickable reference prototype) and BUILD-BRIEF.md (the spec). Read both carefully. First create CLAUDE.md capturing the conventions: Expo + TypeScript, expo-router, expo-sqlite, functional components, tests with Jest. Then write a short plan and build milestone 1: reproduce every screen in the prototype with real components and mock data, preserving its look, copy and behaviour. Add a README with run instructions and basic tests. Ask questions only if something is genuinely ambiguous.
Start it in the folder with claude

Brief generated with Google Gemini (gemini-3.5-flash-lite) from the prototype and its idea. A strong starting point, not a contract — read it before you build. Tool list checked September 2026 · what these tools can do now and next.

See all

Have your own idea?

Describe it in one sentence and see it working in seconds.

Turn my idea into an app

Your Gemini API key

Generation runs in your browser with your own free Google Gemini key. The key is saved only on this device (browser storage) and is sent only to Google — never to this site.

  1. Open Google AI Studio → API keys and sign in with a Google account.
  2. Click Create API key and copy it.
  3. Paste it below and press Save.