První aplikace

Příběh: kalkulačka rozměrů postele

Jako příklad poslouží interní kalkulačka rozměrů postele pro konstrukci — uživatel zadá rozměr matrace a aplikace spočítá vnější rozměry postele. Šest kroků níže je stejných pro každý první projekt, jen se mění zadání.

1. Nápad

   Než napíšete první zprávu, ujasněte si, co má aplikace dělat a pro koho je. Čím konkrétnější zadání, tím lépe Claude odhadne, co postavit. V našem případě: kalkulačka rozměrů postele pro konstrukci — zadá se rozměr matrace, aplikace spočítá vnější rozměry postele.

2. Složka

   Založte si na počítači novou složku, například Dokumenty/jelinek/kalkulacka-posteli, a v ní spusťte novou session Claude Code. Každý projekt má vlastní složku — snadno se k němu tak později vrátíte.

3. Zadání

   Vytvoř novou webovou aplikaci ve Svelte (SvelteKit + Vite). Bude to kalkulačka rozměrů postele: uživatel zadá rozměr matrace a aplikace spočítá vnější rozměry postele. Použij barvy a styl podle brand.jelinek.eu.

   Svelte je firemní standard pro tenhle typ aplikací — nemusíte vědět proč, Claude to ví a napíše ho automaticky.

4. Náhled hned

   Claude po vytvoření projektu rovnou spustí dev server, takže si aplikaci můžete hned prohlédnout. Jak náhled funguje a jak ho otevřít v prohlížeči, podrobně popisuje další kapitola, Živý náhled.

5. Repo v organizaci

   Vytvoř nové privátní repo kalkulacka-posteli v organizaci JELINEK-nabytek-a-matrace a nahraj tam projekt.

   Pod kapotou tím Claude spustí zhruba tenhle příkaz — nikde ho neopisujete, je tu jen pro zvědavé:

   Terminál

   $ gh repo create JELINEK-nabytek-a-matrace/kalkulacka-posteli --private --source=. --push

6. Iterace

   Dál pokračujte po malých krocích — po každé hotové úpravě necháte Claude uložit změnu (commit). Třeba takhle:

   Přidej tlačítko tisku.

   Ulož to.