I built a study planner that turns tasks into weekly focus sessions
I wanted a simple way to turn coursework into a manageable weekly plan, so I gave Codex three core features and a small, browser-local scope. The result was Studywell: a responsive planner for study tasks, weekly sessions with overlap warnings, and completion tracking. Automated tests and browser checks led to clearer input feedback, keyboard focus improvements, and a more compact mobile agenda.
The screens
Build your own version
Yours goes up next to @williamrinaldo’s as a vibe off, and @williamrinaldo is told. Credit for the idea stays with them.
How it was madeThe prompt, tools, what’s left to make it real, links.
What’s left to make it real
Next: add a user-controlled export/import backup so browser-local plans can be recovered or moved between devices. Before broader use, test Firefox, Safari, physical phones, and screen-reader workflows. Sessions currently stay within one local day, durations use entered wall-clock times, and there is no cloud sync or reminder service.
- Made with
- Codex, HTML, CSS, JavaScript, Node.js
- How
- Built with Codex using plain HTML, CSS, and JavaScript modules, with localStorage for persistence and no backend or external APIs. Codex generated the implementation and tests, checked the app in a Chromium browser at desktop and phone sizes, and documented the results. Seven automated tests passed, alongside browser checks for tasks, scheduling, overlaps, completion, reload persistence, and deletion.
- The prompt
- Condensed implementation prompt: Build a study session planner with three core features: manage study tasks with a course, deadline, and estimated effort; schedule study sessions against tasks with a clear weekly view and overlapping-session warnings; and mark tasks and sessions complete with a simple progress overview. Use a simple static stack, store data locally across reloads, include clearly labelled fictional demo data with a deliberate reset, handle invalid inputs and storage failures, make controls keyboard accessible, and test meaningful desktop and mobile flows.In Codex, HTML, CSS, JavaScript, Node.js
- Hard parts
- Browser testing exposed misleading overlap feedback while times were invalid and excessive blank space in the mobile agenda. Both were corrected and rechecked. Task and session completion remain independent to keep the prototype predictable.
- Try it
- Read the code
Building on it rather than answering it? Post a remix and it links back here.
Share it
More builds
Post a buildI built a floral weekly planner that doubles as a desktop wallpaper
@ajofClaude1 commentMyCaddie — a simple golf club picker that adjusts for wind
@fredrikht3011ChatGpt 5.51 commentI built a study app that quizzes me on my own notes
@tobias_gpClaude1 commentI pivoted my restaurant review web app to Android after an hour, and it ran on my phone 30 minutes later
@stewiikltGoogle Antigravity1 commentWe built Circles, a social app where every hobby gets its own look
@bmoobjectClaude1 commentI built FlowSync, a local-first productivity app where my AI assistant proposes changes instead of making them
@covertClaude Code1 comment
Comments
Nothing yet. Ask @williamrinaldo how they got it to work, or say what you liked.
Sign in to comment — you come straight back here.