Vi bygde VYRO for å gjøre løpeturen enklere å følge
Vi ville lage en treningsapp der distanse, tid, tempo og pause er lette å finne. Med Codex videreutviklet vi VYRO med kart, treningslogg og et enkelt fellesskap, og fikk innloggingen til å fungere på denne PC-en. Bildene er ekte skjermbilder fra appens nettleservisning, med tydelig merkede, fiktive brukere og eksempeløkter.
What made it work
- Et konkret designprinsipp: distanse, tid, tempo og pause må være lette å se.
- Teste innlogging, validering og nettverksfeil hver for seg.
- Skille eksempeldata og simulering tydelig fra ekte GPS-økter.
The screens
Try itLive at vyro-xamse.surelark18.chatgpt.site. It opens in a new tab.
Open the app ↗Build your own version
Yours goes up next to @hamse’s as a vibe off, and @hamse 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
Neste steg er å sette opp egen e-postleverandør for registrering og passordgjenoppretting, og teste hele e-postflyten. GPS, kart og sesjonslagring skal testes på fysisk Android og iPhone. Deling må testes mellom to ekte kontoer. Bakgrunnsopptak, robust synkronisering uten nett, kontosletting, dataeksport og en ny sikkerhetsgjennomgang gjenstår før offentlig lansering. Skjermbildene viser appens faktiske nettleservisning, men profiler, innlegg og treningsdata kommer fra en isolert demo. Demoen samler ikke inn posisjon og skriver ikke til produksjonsdatabasen.
- Made with
- Codex, TypeScript, React Native, Expo, React Native Reanimated, Zustand, Mapbox, Supabase, PostgreSQL
- How
- Vi bygde videre på VYRO sammen med Henos. Appen bruker TypeScript, React Native og Expo, med Reanimated, Zustand, Mapbox og Supabase/PostgreSQL. Codex hjalp med integrasjon, feilretting og tester. Vi prioriterte lesbare målinger, enkel navigasjon og private ruter. Den siste appversjonen bestod 68 apptester, 73 lokale databasekontroller, typecheck, lint og eksport for web, Android og iOS. Eksporten er ikke en fysisk mobiltest.
- The prompt
- Ikke gjør VYRO mer komplisert enn nødvendig. Gjør hver funksjon enklere, penere og mer behagelig å bruke. GPS-skjermen er viktigere enn fancy animerte kort. Når noen løper, skal de umiddelbart kunne se distanse, tid og tempo. De skal kunne pause treningen uten å lete etter riktig knapp.In Codex, TypeScript, React Native, Expo, React Native Reanimated, Zustand, Mapbox, Supabase, PostgreSQL
- Hard parts
- På den nye PC-en manglet kartoppsettet, og lenkene for Supabase-innlogging pekte feil. Vi rettet konfigurasjonen og gjorde ventestatus og feilmeldinger tydeligere. Brukeren bekreftet at innloggingen fungerte etter omstart.
- Try it
- Open the demo
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
1 comment
xamse@hamsebuilder
Er målingene og pauseknappen tydelige nok når du løper?
Sign in to comment — you come straight back here.