Új projekt: Szokáskövető webes alkalmazás tervezése

Ez a lecke egy új, komolyabb projekt indítását mutatja be, amelynek célja a Cloud Code és Vibe Coding haladóbb technikáinak elsajátítása egy valós webes alkalmazás fejlesztésén keresztül. Megismered a projekt koncepcióját, az MVP (Minimal Viable Product) szemléletet, és betekintést kapsz abba, hogyan fog felépülni ez a fejlesztési folyamat.

A projekt bemutatása

Miért ez a projekt?

Az eddigi leckékben még nem érintett elemeket és fogalmakat egy szokáskövető webes alkalmazás (habyt tracker) építésén keresztül fogjuk megtanulni. Azért esett erre a projektre a választás, mert olyan részeket kell felépíteni hozzá, amelyekkel korábban még nem foglalkoztunk — így egy szinte valós helyzeten keresztül sajátíthatjuk el az egészet.

A cél nem csupán egy működő alkalmazás elkészítése, hanem a Cloud Code és Vibe Coding technikai, haladóbb részeinek megértése a fejlesztési folyamaton keresztül.

Az alkalmazás funkciói

Az elkészítendő alkalmazás neve: Habyt (a domain-név egyébként foglalt, de a tanulás szempontjából ezt fogjuk használni).

Az alkalmazás tervezett funkciói:

• Saját szokások beállítása — a felhasználó megadhatja, milyen szokásokat szeretne követni.
• Napi jelölés — egyszerű pipálással lehet megjelölni, hogy az adott napon sikerült-e tartani a szokást.
• Haladás visszanézése — lista vagy diagram formájában megtekinthető az előrehaladás.
• Streak számláló — egy szigorú számlálót is tervez, amely megmutatja, hány napja sikerült egymás után tartani az adott szokást — kicsit a Duolingo streak-rendszeréhez hasonlóan.

Az MVP szemlélet

Ez az alkalmazás a Minimal Viable Product, azaz a legkisebb működő verzió elvét követi. Ez azt jelenti, hogy először csak az alapvető, elengedhetetlen funkciókat építjük meg, és a plusz funkciók később, erre az alapra ráépítve kerülhetnek bele.

A fejlesztési folyamat felépítése

Hogyan fogjuk tanítani?

A fejlesztési folyamat nem úgy épül fel, ahogy egy szoftvert a leghatékonyabban terveznének — hanem pedagógiai céllal van felépítve:

• A különböző fejlesztési állomásokat és fogalmakat hangosan végig fogjuk gondolni.
• Szét fogjuk szálazni a lehetőségeket, hogy minden döntési pont érthető legyen.
• Ezen a folyamaton keresztül fogsz megtanulni egy csomó mindent a Vibe Codingról.

Előzetes munka és szimulált folyamat

Fontos tudni, hogy a modul tervezésekor az oktató előzetesen már dolgozott ezzel a projekttel — tehát nem teljesen ismeretlen terepen mozog. Ennek ellenére úgy fog haladni, mintha most állna neki először, és szimulálni fogja azt a folyamatot, ahogyan az anyagok összerakásakor végigment a projekten.

Ennek az őszinte közlésnek az oka:

• Nem szeretne hazudni — ezért előre jelzi, hogy a folyamat részben szimulált.
• Ugyanakkor így biztosan tudja, milyen problémákba futunk bele, és ezeket mind érinteni fogjuk.
• Emellett újféle problémák is adódhatnak, amelyeket szintén közösen fogunk megoldani.

Ez a megközelítés azért különösen hasznos, mert a Vibe Codingnál pontosan az ilyen valós problémákon és döntési helyzeteken keresztül lehet a legtöbbet tanulni.

Következő lépés: a tervezési fázis

A bevezető után közvetlenül a tervezési fázisra térünk át, ahol elkezdődik az alkalmazás tényleges megtervezése.

Ez a bevezető lecke lefekteti az egész modul alapját: megismerted a Habyt alkalmazás koncepcióját, a Minimal Viable Product szemléletet, és azt, hogyan fog felépülni a fejlesztési folyamat. A hangsúly nem a leggyorsabb megoldáson van, hanem azon, hogy minden lépésnél megértsd a mögöttes fogalmakat és döntéseket — így a Vibe Coding és Cloud Code haladóbb részeit is valódi összefüggésükben sajátíthatod el.