AI APP WORKSHOP

PRE-WORKSHOP CHECKLIST

Vitajte!

Tento workshop bude prebiehať online na Discorde. Aby sme na workshope nestrácali čas inštaláciami a nastavovaním, je nevyhnutné, aby ste mali všetko pripravené vopred.

01.Komunikácia (Discord)

Discord Účet

Uistite sa, že sa viete prihlásiť a ste členom nášhoservera.

Audio

Otestujte si mikrofón. Budeme veľa komunikovať.

Zdieľanie obrazovky (Kritické)

Povoľte Discordu zdieľanie obrazovky.

Mac používatelia: Skontrolujte System Settings > Privacy & Security > Screen Recording. Ak to nemáte povolené, nebudeme vám vedieť pomôcť s kódom.

02.Zvoľte si svojho AI Agenta

Na workshope budeme vytvárať aplikáciu pomocou pokročilých AI agentov v termináli. Keďže sa tieto nástroje vyvíjajú raketovým tempom (z týždňa na týždeň), konkrétne odporúčanie na ten najlepší nástroj vám pošlem e-mailom 7 dní pred workshopom.

Čo potrebujete vedieť teraz:

  • Všetky aplikácie na workshope boli postavené pomocou Claude Code — je to náš overený nástroj, na ktorý sa môžete spoľahnúť.
  • Budete potrebovať platený plán (Free verzie majú limity, ktoré vyčerpáme za hodinu).
  • Neaktivujte si predplatné skôr, aby ste zbytočne neplatili za nástroj, ktorý medzitým "predbehne" niečo novšie, na workshope využívame cutting-edge technológie.

Náš nástroj:

Claude Code

  • Momentálna špička na trhu. Všetko na workshope bolo postavené práve s ním.
  • Pro Plan na intenzívny workshop nestačí, máme to overené (odporúčame upgrade na Max).

03.Registrácie (Vytvorte si účty)

OpenRouter (AI Kredity)

Do aplikácie budeme implementovať AI funkcionalitu (chat, spracovanie obrázkov alebo PDF, atď.), preto si, prosím, predplaťte minimálne 3 EURO na OpenRouter. Tento kredit budeme využívať na prístup k najvýkonnejším modelom počas vývoja a jeho zvyšok vám, samozrejme, ostane na ďalšie použitie.

04.Príprava API Kľúčov

Vytvorte si v počítači súbor keys.txt a pripravte si tieto údaje pre rýchle kopírovanie:

Supabase Project URL
Supabase Anon/Public Key
Supabase Service Role Key (Admin)
OpenRouter API Key

Prečo Service Role?

Tento kľúč má práva "Admina". Dáme ho nášmu AI Agentovi. Vďaka nemu bude môcť AI vytvárať tabuľky a upravovať databázu priamo z terminálu bez toho, aby sme museli všetko klikať ručne.

05.Softvér & Povinný Test

TEST VÝVOJOVÉHO PROSTREDIA (Ionic verzia)

Spustite v termináli postupne tieto príkazy pre overenie, či máte všetko správne nainštalované:

# 1. Inštalácia Ionic CLI
npm install -g @ionic/cli
# 2. Vytvorenie testovacej aplikácie (Ionic + Vue)
ionic start test-app blank --type vue
# 3. Spustenie vývojového servera
cd test-app
ionic serve
Ak sa vám v prehliadači zobrazí úvodná stránka Ionic aplikácie, ste pripravení.

06.Váš Nápad (To najdôležitejšie!)

Aby sme mohli hneď ráno začať stavať, musíte vedieť ČO chcete stavať. AI Agent bude potrebovať zadanie. Pripravte si do poznámok 2-3 vety, ktoré popisujú vašu aplikáciu.

Čo by to malo byť:

Jednoduchá aplikácia, ktorá niečo eviduje, má zoznamy, formuláre (prípadne kvíz vytvorený z dostupných materiálov v aplikácii) a ideálne aj nahrávanie fotiek alebo spracovanie textu, prípadne interaktívny chat.

Inšpirácia pre zadanie (Vyberte si jedno alebo vymyslite podobné):

🚗 Servisná knižka: "Chcem evidenciu nákladov na auto. Odfotím blok z tankovania alebo servisu, zapíšem stav tachometra a cenu. Aplikácia mi ukáže zoznam výdavkov a spočíta, koľko ma auto tento rok stálo."

🏠 Domáci Inventár: "Chcem si pofotiť cenné veci v byte pre poistovňu. Ku každej fotke (napr. TV, bicykel) napíšem názov, cenu a dátum kúpy. Chcem vidieť celkovú hodnotu majetku v prehľadnom zozname."

🍔 Gurmánsky Zápisník: "Chcem si fotiť jedlá, ktoré sa mi podarili alebo mi chutili v reštaurácii. Pridám fotku, názov, hodnotenie (1-10) a krátku poznámku. Bude to moja osobná kuchárska galéria."

❌ Čo nerobiť: Nevymýšľajte ďalší Facebook, Uber ani kryptoburzu. Na to dva dni nestačia.

Téma k obedu (Povinné čítanie)

Čo je to ten GIT?

Aby sme si rozumeli, keď budeme na Discorde hovoriť o "commit", "push" a "branch". Predstavte si, že hráte hru a pred bossom si ju uložíte.

Commit

Je "Save Game". Uloženie aktuálneho stavu kódu v konkrétnom momente do histórie.

Branch (Vetva)

Alternatívny vesmír. Skúšate niečo nové bez toho, aby ste poškodili hlavný príbeh (Main branch).

GitHub

Je cloud, kam si tieto "Saves" zálohujete, aby k nim mali prístup aj iní alebo server.

Ak vám niečo nefunguje, alebo si nie ste istí výberom AI Agenta, nečakajte na deň workshopu.

Sme vám k dispozícii a vyriešime to v predstihu.