Vibe coding
Ötletből tesztelhető webalkalmazás
Az ötlet leszűkítésétől a felépítésen és az első működő funkción át a tesztekig és az élesítés előtti ellenőrzésig.
- Amire szükséged lesz
- Az alkalmazás ötlete és az eszköz, amivel építenéd.
- Amit a végén kapsz
- Az első változat specifikációja, felépítési terv, az első működő funkció terve, tesztesetek és élesítési ellenőrzőlista.
Nyiss egy új beszélgetést a kedvenc AI-csevegődben. Az első lépésnél másold be a promptot, és írd utána a saját helyzetedet. A további lépéseket ugyanabban a beszélgetésben küldd el, a válasz után, így a modell az előzőekre épít. A jegyzeteidet és a pipákat csak ez a böngésző tárolja.
-
Mi készül el?
Az első változat specifikációja
Tapasztalt terméktervezőként dolgozz. Az ötletemből írd meg az első, még éppen használható változat (MVP) specifikációját: kinek készül, mi az a három dolog, amit el tud vele intézni, mi kell bele mindenképp, mi marad ki, és mi az az öt feltétel, amelynek teljesülnie kell, hogy késznek mondhassuk. Ne tegyél úgy, mintha ismernéd a tárhelyemet vagy a használt API-kat; sorold fel, milyen technikai kérdésekben kell még döntenem. -
Felépítés
Részek és adatok
Az elfogadott specifikáció alapján tervezd meg az alkalmazás felépítését úgy, hogy egyszerű és könnyen karbantartható legyen. Írd le, milyen részekből áll, hogyan jutnak el az adatok egyiktől a másikig, hol tároljuk őket, ki mihez férhet hozzá, mi romolhat el, és mi az a néhány külső csomag, amire tényleg szükség van. Indokold meg, miért nem kell ennél bonyolultabb megoldás. -
Megvalósítás
Az első működő funkció
A felépítés alapján írj pontos megvalósítási tervet az első működő funkcióhoz. Fájlonként add meg, mit kell módosítani, hogyan ellenőrizzük a bevitt adatokat, mi történjen hiba esetén, és hogyan próbáljam ki. Csak ezt az egy funkciót építsd meg, ne tegyél mellé semmi mást. Ha kódot írsz, az futtatható legyen, ne vázlat. -
Teszt
Tényleg működik?
Írj legalább nyolc tesztesetet ehhez a funkcióhoz: szokásos használat, üres mező, hibás adat, jogosulatlan kérés, kétszer elküldött művelet, mobilos nézet és szélső esetek. Mindegyiknél szerepeljen az előfeltétel, a lépések és az elvárt eredmény. Világosan válaszd szét, mit futtattál le ténylegesen, és mit csak javasolsz. -
Átadás
Élesítés előtti ellenőrzés
Készíts élesítés előtti ellenőrzőlistát: beállítások, jelszavak és kulcsok kezelése, jogosultságok, naplózás, biztonsági mentés és visszaállítás, mobilos megjelenés, dokumentáció. Írj rövid README-vázlatot, és sorold fel, miről kell döntenem a következő kör előtt. Amíg nem ismered a tesztek eredményét, ne állítsd, hogy a projekt élesíthető.