Build it with your AI
Your AI builds a phone-friendly page you can use and share right away. Claude makes it a shareable artifact. Other assistants give you one file to drop on a free host.
Build this app for me from the spec below.
Goal: something I can open and use on my phone right away, and share with a link.
- Make it a single, self-contained web page (one HTML file with its CSS and JavaScript inside). No server, no build step, no sign-up.
- Design it phone-first: large tap targets, readable text, works one-handed. It should still look fine on a computer.
- Save data on the device (localStorage) so it is still there after closing the page.
- If you can show it as a live, shareable page (for example a Claude artifact), do that.
- If you can't host it, give me the complete HTML file and tell me, in two or three short steps, how to put it online free by dragging the file onto Netlify Drop (app.netlify.com/drop) or Tiiny Host (tiiny.host).
Before building, ask me up to 3 quick questions about anything I might want to change for my own use. Then build it and make sure every acceptance check passes.
Spec from https://bresson.ai/bresson/reading-tracker
# Kids Reading Log
Log minutes read each night and see progress toward the weekly goal.
Tags: kids, school, habits
## Problem
Schools ask for reading logs on paper that get lost.
## Must-have features
- Log book and minutes per day
- Weekly total against a goal
- Milestones such as 10 books finished
## Nice-to-have
- Copy a weekly summary to send to a teacher
## User flows
1. Tap Tonight, pick the book, enter 20 minutes
## Data
Children, books and reading sessions.
## Look and feel
Bright, large buttons, one child per screen.
## Platform
Web
## Acceptance checks
- [ ] Goal progress matches the minutes logged this week
- [ ] Finishing a book adds it to the finished count once
## Known limitations
No teacher accounts.