Školenie · 8. 6. 2026
Appka cez Claude
Všetky prompty z dnešného workshopu na jednom mieste. Klikni a skopíruj.
Než začneš
Stiahni si Claude appku, prihlás sa a otvor v nej záložku Code. Postupuj podľa návodu nižšie.
Stiahni Claude pre Mac/Windows a prejdi desktop quickstart →. Treba účet Claude Pro/Max. V appke klikni hore na Code, zvoľ Local a cez Select folder otvor priečinok projektu.
Slučka — zapamätaj si
Jedna požiadavka = jedna malá zmena. Po každej schváľ zmeny (diff) a pozri si appku v Preview.
Appka — čo kde nájdeš
| Kde | Na čo |
|---|---|
| Záložka Code | tu Claude vidí tvoje súbory a píše kód |
| Select folder (Local) | otvor priečinok projektu |
| Diff · Accept / Reject | schváľ alebo odmietni každú zmenu |
| Preview | spusti a pozri appku priamo na počítači |
📎 / @súbor | prilož obrazovky zo Stitchu / pridaj súbor do kontextu |
/ (slash) | znovupoužiteľné príkazy — napr. /init |
Build — krok po kroku
Jadro workshopu. Každý prompt skopíruj a vlož v záložke Code. Vždy schváľ zmeny (diff), pozri si appku v Preview, a až potom ďalší krok.
Toto je prototyp mobilnej appky Firemný obed zo Stitchu — 5 obrazoviek (domov, denné menu, detail jedla, košík, potvrdenie) plus dizajn systém. Pozri si projekt a jednou vetou na každú obrazovku mi povedz, čo na nej je.
Najprv cez Select folder otvor priečinok s exportom zo Stitchu (alebo cez 📎 prilož screenshoty obrazoviek).
Spoj týchto 5 obrazoviek do jednej fungujúcej single-page aplikácie (jeden súbor index.html). Spodná navigácia (Domov, Menu, Košík, Profil) a tlačidlá ako „Zobraziť menu" nech reálne prepínajú medzi obrazovkami. Zachovaj pôvodný dizajn a slovenské texty. Keď budeš hotový, povedz mi, že si appku pozriem v Preview.
Preview spustí appku na localhoste (na tvojom počítači).
Na obrazovke Denné menu sprav tlačidlá „Pridať" funkčnými. Po kliknutí nech sa jedlo pridá do košíka a pri ikone košíka nech sa zvýši číslo s počtom položiek. Hneď viditeľne.
V Košíku zobraz pridané jedlá, počet kusov, tlačidlá + a −, možnosť zmazať položku a dole celkovú cenu, ktorá sa automaticky prepočítava. Pridaj pole na poznámku „bez cibule".
Tlačidlo „Potvrdiť objednávku" nech prejde na Potvrdenie objednávky: hláška „Objednávka bola prijatá", vygenerované číslo objednávky a čas vyzdvihnutia o 30 min. „Späť na hlavnú stránku" nech vyčistí košík a vráti ma na Domov.
Spoločné finále — appky sa ozvú na tabuľu
Finále školenia — každá appka pošle objednávku na živú tabuľu.
Keď používateľ potvrdí objednávku, okrem zobrazenia potvrdenia ju pošli na našu API: POST na https://firemny-obed-admin.vercel.app/api/orders s JSON telom { name, items, total, note, eventKey: "firemnyobed" }. Ak sa odoslanie nepodarí, appka nech aj tak normálne funguje a zobrazí potvrdenie.
Tabuľa: firemny-obed-admin.vercel.app →
Bonusy — pre rýchlych
Keď sa niečo pokazí
Po kliknutí na Pridať sa nič nedeje. Pozri prečo a oprav to.
Najdôležitejšia záchrana dňa: napíš /rewind — vráti ťa späť na poslednú fungujúcu verziu. Ak to nepomôže, odmietni zmenu (Reject) a napíš Claude, nech to skúsi inak — alebo ho preruš (stop) a oprav zadanie.