Postavit funkční aplikaci za víkend zní jako klikbajt, ale není. Sám jsem takhle dal dohromady několik nástrojů, které dodnes používám. Dám ti konkrétní plán na dva dny: co dělat v sobotu, co v neděli a jak se vyhnout tomu, abys uvízl hned na začátku.
Než vůbec sáhneš na klávesnici
Největší chybu uděláš dřív, než napíšeš první řádek: zvolíš moc velký nápad. Aplikace, kterou dotáhneš za víkend, musí být malá. Jedna hlavní funkce, žádné rozšíření na potom. Pár nápadů, které se reálně stihnou:
- Sledovač návyků, kam si odškrtáváš denní rutinu.
- Generátor citátů, který ti k tématu vrátí hlášku.
- Jednoduchá kalkulačka, třeba na rozpočítání výdajů mezi lidi.
- Seznam přání, kam ukládáš odkazy a poznámky.
Vyber jeden a zapiš si jednou větou, co má dělat. Tahle věta bude tvůj kompas po celý víkend. Kdykoliv tě napadne přidat funkci navíc, vrať se k ní a zeptej se, jestli ji opravdu potřebuješ.
Sobota: od nápadu k běžící verzi
První den je o tom dostat na obrazovku něco, co se hýbe. Nemusí to být hezké ani kompletní. Musí to běžet. Hotová ošklivá verze je nekonečně cennější než dokonalý plán v hlavě.
Dopoledne: rozdělení nápadu
Než začneš stavět, rozbij nápad na menší kousky. Sledovač návyků není jedna věc, ale tři: zobrazit seznam návyků, přidat nový, odškrtnout splněný. Tomuhle rozkladu věnuju celý článek rozdělení nápadu na úkoly, protože je to dovednost, která ti ušetří nejvíc nervů.
Odpoledne: první funkční verze
Teď zapojíš AI. Požádej o nejjednodušší verzi, která zobrazí prázdný seznam a umožní přidat položku. Konkrétní zadání vypadá třeba takhle:
"Vytvoř jednostránkovou aplikaci pro sledování návyků.
Na stránce bude pole pro název návyku a tlačítko Přidat.
Přidané návyky se zobrazí v seznamu pod polem.
U každého návyku bude zaškrtávací políčko Hotovo dnes.
Vše drž v paměti prohlížeče, žádná databáze zatím.
Použij HTML, CSS a JavaScript v jednom souboru."Spusť výsledek, klikni, vyzkoušej. Když něco nefunguje, popiš AI přesně, co se stalo, a nech to opravit. Cílem soboty je mít na konci dne věc, která reaguje na kliknutí.
Večer: krátká pauza a kontrola
Než zavřeš notebook, udělej dvě věci. Za prvé si ulož verzi, ke které se zítra můžeš vrátit. Za druhé si projdi, co jsi postavil, a zapiš si do poznámek, co chceš v neděli dodělat. Ráno tak nezačínáš z prázdna, ale máš jasný seznam. Tahle drobnost ti ušetří půl hodiny rozkoukávání a hned se chytíš tempa.
Neděle: dotáhnout a nasadit
Druhý den vezmeš tu hrubou verzi a uděláš z ní něco, co bys ukázal kamarádovi. Pořád platí pravidlo malých kroků: jedna změna, otestovat, další.
Dopoledne: vyladění a vzhled
Teď přidáš to, co v sobotu chybělo. Postupuj po jedné věci a po každé otestuj:
- Ukládání dat. Aby návyky nezmizely po zavření stránky.
- Mazání položek. Aby šlo opravit překlep.
- Trochu vzhledu. Barvy, mezery, čitelné písmo.
- Drobné detaily. Třeba počítadlo splněných návyků.
Pokud narazíš na chybu, kterou AI hned neopraví, podívej se do návodu jak debugovat kód. Naučíš se chybu popsat tak, aby ji AI vyřešila napoprvé.
Odpoledne: nasazení na web
Aplikace na tvém počítači je hezká, ale chceš ji ukázat ostatním. Nasazení je dnes otázka pár minut a zdarma. Postup pro běžné nástroje popisuju v článku jak nasadit aplikaci na Vercel. Po nasazení dostaneš odkaz, který můžeš poslat komukoliv.
Plán víkendu v přehledu
| Den | Čas | Co děláš |
|---|---|---|
| Sobota | Dopoledne | Rozdělení nápadu na malé kroky |
| Sobota | Odpoledne | První funkční verze s AI |
| Neděle | Dopoledne | Ukládání, mazání, vzhled |
| Neděle | Odpoledne | Nasazení na web a sdílení |
Pár věcí, které ti ušetří nervy
- Ukládej průběžně. Když AI něco rozbije, chceš se umět vrátit.
- Nepřidávej funkce navíc. Drž se té jedné věty z pátku.
- Když uvízneš, zjednoduš. Odeber to, co dělá problém, a vrať se k tomu později.
- Nečekej dokonalost. Hotová věc je víc než dokonalý plán v hlavě.
- Dělej pauzy. Když se zaseknеš, krátká procházka udělá víc než hodina tlačení.
Co dělat, když to chytneš
Řekněme, že tě víkendový pokus nadchne a budeš chtít víc. Skvělé. Další logický krok je naučit se solidní postup, který funguje opakovaně, ne jen náhodou. Celý proces od nápadu k hotové aplikaci jsem sepsal v textu vibe coding workflow. A pokud tě zajímá, kde AI naráží na strop, mrkni na nejčastější chyby ve vibe codingu, ať do nich nespadneš.
Nápady na druhý víkend
Až budeš mít první projekt za sebou, chuť na další přijde sama. Pro druhé kolo zvol něco o stupínek náročnějšího, ale pořád zvládnutelného. Tady je pár směrů, kam se vydat:
- Přidej ukládání na server, aby data přežila i na jiném zařízení.
- Zkus jednoduché přihlášení, ať má aplikace více uživatelů.
- Napoj externí data, třeba počasí nebo kurzy měn.
- Vylepši vzhled, ať to vypadá jako hotový produkt, ne jako pokus.
Každý z těchhle kroků tě naučí něco nového a postupně z tebe udělá člověka, který si dokáže postavit, co potřebuje. To je cíl, ke kterému tě první víkend nakopne.
Časté dotazy
Opravdu to zvládnu bez znalosti programování?
Ano, pokud zvolíš malý projekt a budeš postupovat po krocích. AI píše kód, ty popisuješ a kontroluješ. Čím konkrétnější zadání dáš, tím hladší to bude. Návod na zadání najdeš v textu jak psát prompty pro AI.
Co když to do neděle večer nestihnu?
Nevadí. Cílem víkendu není dokonalý produkt, ale funkční základ a zážitek, že to jde. Když ti chybí poslední krok, dokončíš ho večer v týdnu. Důležité je, že už máš na čem stavět.
Bude moje aplikace bezpečná, když do ní lidé budou zadávat data?
Víkendový projekt typu sledovač návyků data nikam neposílá, takže je v pohodě. Jakmile začneš ukládat citlivé informace nebo přidáš přihlašování, je potřeba znát základy bezpečnosti. To už je téma na pořádné stavění a rád s ním pomůžu.
Jestli tě víkendový pokus chytí a budeš chtít postavit něco většího nebo bezpečného pro reálné uživatele, ozvi se přes kontakt. Stavím aplikace na míru a poradím, kde je rozumné přitlačit.