Claude app készítés kezdőknek, futtasd ingyen online! #1 - Karácsonyi ajándéktervező app nulláról

Egy teljes webappot építünk nulláról Claude-dal: egy karácsonyi ajándéktervezőt (XmasPlan), ahol személyeket és ajándékokat követhetsz, és látod, hol tartasz. Az ötlettől a specifikáción, a designon és a subagentes megvalósításon át az élő, ingyenes oldalig. Ez a videó kezdőknek szól: programozói tudást nem igényel, és nem kell hozzá semmilyen fizetős platform (claude előfizetés szükséges). Szerver nélküli webappot csinálunk, amit a Cloudflare Pages-en ingyen üzemeltetünk. Az élő demó: https://xmash.pages.dev Kezdő prompt: """ Egy karácsonyra készülő web appot fejlesztünk, amibe vehetünk fel személyeket és hozzá ajándékokat, hogy mit szeretnénk vásárolni nekik. Az ajándékokhoz legyen egy státusz rész, amiben megadható, hogy ötlet szintű, megrendelve, megérkezett, átadva (kész), és látszódjon a főoldalon, hogy hogy állunk. Személyenként megadható legyen az is, hogy kinek mikor fogjuk átadni az ajándékokat, ami alapján sorba is rendezhető fontosság szerint. A másik funkció a csoportszintű ajándékhúzás: létre lehet hozni egy húzást, megadni e-mail-címeket, hogy kik vesznek részt benne. Fontos, hogy lehessen olyanokat is hozzáadni, akik „offline”-nak számítanak, vagyis nem tartozik hozzájuk külön elérés, hanem a host tudja megnézni, kit húztak ők (pl. egy gyerek, akinek nincs telefonja). A hostnál ez úgy jelenik meg, hogy rá tud nyomni egy offline felhasználóra, feljön egy dialog, hogy adja át az eszközt a felhasználónak megtekintésre, és csak az „Átadva” gomb megnyomása után jelenik meg a név, akit neki sorsolt a rendszer. Hogy egy offline felhasználó sorsolását hányszor és mikor nézték meg, legyen látható minden résztvevőnek, így elkerülve, hogy a host titokban megnézze. Készíts a leírás alapján egy dokumentációt, és a nem egyértelmű részekre kérdezz rá, hogy kitisztázhassuk. Szerver nélküli SPA legyen, Cloudflare Pagesre telepíthető statikus buildként. Az adatokat a böngészőben tárold (először localStorage, utána böngészős SQLite WASM + OPFS). Ebben a változatban nincs belépés és nincs ajándékhúzás. Az AI-ötletelés csak akkor jelenjen meg, ha a felhasználó megadja a saját API-kulcsát. Sima vujes app legyen tailwind-el """ 0:00 Bevezetés 0:55 Claude Desktop felület 1:48 Spec driven development 7:20 App design 10:38 App átnézése 11:40 Publikálás 13:00 Online app #claude #aiprogramming #app #ai #aidev #tutorial #kezdőknek #beginner #oktatóvideó #oktatóanyag