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/ride-log
# Ride Log
A minimal cycling journal: distance, how it felt and weekly totals.
Tags: fitness, cycling, journal
## Problem
Big fitness apps are noisy. Some riders want a fast way to note how a ride felt and see the week at a glance.
## Must-have features
- Log a ride: date, distance, time, feel 1 to 5, note
- Weekly and monthly totals
- A bar chart of distance per week
## Nice-to-have
- Import a CSV export
- Tag rides by bike
## User flows
1. Tap +, enter 42 km, 1h35, feel 4
2. See this week: 118 km over 3 rides
## Data
Rides (date, distance, duration, feel, bike, note), stored on the device.
## Look and feel
One column, numbers in a monospace face, a small chart at the top.
## Platform
Web
## Acceptance checks
- [ ] Weekly total equals the sum of rides from Monday to Sunday
- [ ] Switching km and miles updates every number
## Known limitations
No GPS tracking.