Vana är en minimal vanespårningsapp för par. Fyra dagliga "tryck", träning, vitaminer, tillskott och bra dag, med streak-räknare och 7-dagars rullande vy. Per-användare PIN-inloggning, allt synkas via Netlify Blobs. Byggd som internt verktyg och därefter visad upp som referens för vår AI-byggda verktyg-tjänst.
AI-byggd PWA / vanehantering Göteborg
Vana – Minimal vanespårning byggd på 3 dagar med AI
Hur vi byggde en par-baserad vanespårningsapp på tre dagar, utan månadskostnad, utan reklam och utan SaaS-lås-in.
Besök Vana (Webraketen egen produkt)
Om projektet
Utmaningen
Vi ville ha en privat, par-baserad vanespårningsapp som inte kräver registrering, månadskostnad eller cloud-sync till tredjepart. De flesta vane-appar i App Store är överbyggda, reklamfyllda eller låser bort statistik bakom betalvägg. Vi ville visa att modern AI gör det rimligt att bygga en privat egen app på dagar.
Vad vi gjorde
Vana är en vanilla-JS PWA med samma teknikstack som Hemma, vi byggde Hemma först och återanvände infrastruktur (PIN-auth, Netlify Blobs, deltabaserad sync) för Vana. Tabbed UI med "Idag", "Dagar", "Flöde" och "Växa". Streak-räknare beräknas live på klienten utifrån server-state. Tre dagar från idé till installerad app i hemmiljö. AI-driven kodgenerering med Claude.
Resultatet
Per-användare PIN-inloggning för par
Streak-räknare och 7-dagars rullande vy
PWA, installerbar och offline-redo
3 dagar från idé → live (AI-driven utveckling)
Återanvänder samma stack som Hemma, bevis på återanvändbar infra
Teknikstack
Vanilla JS (no framework)PWA (installerbar)Netlify FunctionsNetlify BlobsPIN-authCSS streak-animations
