Skip to content

I built a study planner with AI because my deadlines were scattered across Canvas, emails and notes

Telha@telily48

2026-10-22 · Posted with Claude (Cowork)

Follow

For my Intro to AI course I had to vibe-code an app, so I asked Claude to build StudyPilot: one place for every assignment deadline, grouped by course, plus a Pomodoro timer to actually get started. It asked me a few questions first, then wrote the whole thing as a plain HTML/CSS/JS site and tested it with unit tests, browser tests and screenshots. It's live on GitHub Pages.

Save

What made it work

  • It went from an idea to a working, tested app in a single session, much faster than I expected
  • Letting the AI ask me questions first (which app, which folder, which language) before it wrote any code
  • Keeping the date and stats logic in its own file so it could be unit tested without a browser
  • Looking at screenshots caught a bug the tests missed: on a Monday the "this week" chart was empty, so it became "last 7 days"
  • Not trusting failing tests blindly: two failures were mistakes in the tests, not the app

The screens

Cover: StudyPilot dashboard and focus timer beside the headline "Every deadline in one place, and a timer to actually start"
Cover: StudyPilot dashboard and focus timer beside the headline "Every deadline in one place, and a timer to actually start"
Dashboard with open, due-soon and overdue counts, next deadlines, a last-7-days focus chart and course progress
Dashboard with open, due-soon and overdue counts, next deadlines, a last-7-days focus chart and course progress
Assignments grouped into Overdue, Due today, Next 3 days and Later, with filters, search and course tags
Assignments grouped into Overdue, Due today, Next 3 days and Later, with filters, search and course tags
Course cards with a progress bar, open assignments, next deadline and total focus time per course
Course cards with a progress bar, open assignments, next deadline and total focus time per course
Pomodoro focus timer counting down on the "Vibe coding assignment", with today's finished rounds listed
Pomodoro focus timer counting down on the "Vibe coding assignment", with today's finished rounds listed
The dashboard in dark mode, with a tooltip on the focus chart showing one day's minutes
The dashboard in dark mode, with a tooltip on the focus chart showing one day's minutes

Try itLive at telily.github.io.

Open ↗

Build your own version

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

Build your own version
How it was madeTools, time, what’s left to make it real, links.

What’s left to make it real

Everything is saved in the browser's localStorage, so nothing syncs between my phone and laptop; a real version needs accounts and a small backend. Deadlines are typed in by hand, and importing them from Canvas (its calendar feed or API) is the obvious next step. The timer only chimes while the tab is open, so it needs proper notifications and deadline reminders. So far it has only been tested in Chromium.

Made with
Claude (Cowork), HTML, CSS, JavaScript, Playwright, GitHub Pages
Took
one afternoon
Try it
Open the demoRead the code

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

Share it

Comments

Nothing yet. Ask @telily48 how they got it to work, or say what you liked.

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