Jag ser mig själv som en 'seriös' tennisamatör. Jag tävlar med vänner men hade inget sätt att hålla koll på om jag förbättrades. Så jag kodade min egen app med en vibe med Claude Code (utan någon kodningserfarenhet). 🧵 Så här byggde jag den och vad jag lärde mig:
Jag öppnade Claude Code och började bara beskriva vad jag ville ha. Här är min första fruktansvärt välskrivna prompt, bokstavligen:
Därifrån byggde jag steg för steg Deuce-appen som låter dig: • Logga matchresultat inklusive tiebreaks • Se ditt facit mot varje motståndare • Visa allt i en kalender • Automatiskt hämtar väder från plats + datum • Dela head-to-head-statistik genom att lägga till motståndare • Bifoga videolänkar till matcher (om du gör inspelningar) Prova här:
Claude Code är riktigt bra på att planera innan den körs. Så innan den börjar jobba ställer den frågor om autentisering, databas, formulär, mobil osv. ... och sedan söka min bekräftelse på högen: - Next.js 14 (React) - Supabase (autentisering + databas) - Medvind CSS - Vercel (programledare)
Ärligt talat har jag provat vibe-kodning med andra verktyg tidigare men jag fastnade alltid någonstans slumpmässigt och gav upp. Claude Code var den första som var tillräckligt intuitiv för att jag skulle kunna bygga något verkligt från början till slut. Det är också superberoendeframkallande att se funktioner byggas ut steg för steg.
Det svåraste för mig var autentiseringen och social logik: vem får logga en matchning, vem som kan redigera, vilken data som finns på vilken användare. Tvingar mig att lära mig mer om databasdesign och behörighetshantering. Jag har nog gjort några dumma designval.. Men det fungerar bra hittills
Överlag är jag superimponerad av Claudes kod och ivrig att testa mer! Testa appen här:
955