The 1 PercentZpět
Část 2 · Lovable

Lovable příklady

Kolekce webů a aplikací postavených v Lovable. U každého najdeš krátký prompt na zkopírování a detailní markdown ke stažení.

Co budeš potřebovat
Účet u LovableChatGPTnebo Claude(na vygenerování promptu)

Šablona promptu

prompt.txt
## Co chci vytvořit

[Web / Aplikace / Kalkulačka / Dashboard / Formulář / Jiné]

## Pro koho je to určeno

[Kdo to bude používat — zákazníci / tým / já sám]

## Co to má dělat

[Hlavní funkce — co uživatel udělá a co dostane]

## Jak to má vypadat

Styl: [moderní / minimalistický / prémiový / přátelský / futuristický]

Barvy: [světlé / tmavé / konkrétní barvy pokud víš]

Písmo: [velké a bold / elegantní / neutrální]

Pocit: [inspirace — "jako Apple" / "jako Notion" / "jako luxusní hotel"]
Inspirace: [URL jiného webu]

## Obsah který mám

[Co dodáš ty — texty, fotky, loga, data]

[Co si má Lovable vymyslet sám]

## Důležité detaily

[Jazyk — čeština / angličtina]

[Mobilní verze — ano / ne / priorita]

[Konkrétní sekce které musí být]

[Co tam naopak nechci]
Sekce

Práce

9 příkladů
Realitní kancelář Praha
Web
Otevřít

Realitní kancelář Praha

Luxusní webová stránka pro realitní kancelář s tmavou estetikou a zlatými akcenty.

Vytvoř moderní landing page pro realitní kancelář "Premium Reality Praha".

Design:
- Luxusní prémiová estetika, tmavě šedé a bílé pozadí, zlaté akcenty (#C9A84C)
- Hero sekce s výrazným headlinem "Váš vysněný domov začíná zde", vyhledávací pole pro nemovitosti (lokalita, typ, cena), velká full-width fotka luxusní nemovitosti na pozadí
- Sekce sociálního důkazu — 3 karty s testimonials, jménem klienta, jeho fotkou a výsledkem ("Prodali jsme za 3 týdny o 15% nad odhadní cenou")
- Sekce služeb — Prodej / Pronájem / Investice — každá s ikonou a krátkým popisem
- Interaktivní roadmapa prodeje nemovitosti: Ocenění → Příprava → Marketing → Prohlídky → Vyjednávání → Podpis smlouvy — každá fáze klikatelná, po kliknutí se rozbalí co v té fázi děláme za klienta
- Sekce "Aktuální nabídka" — 3 ukázkové karty nemovitostí s fotkou, cenou, lokalitou, počtem pokojů, m²
- FAQ accordion sekce
- Finální CTA "Bezplatná konzultace" s formulářem
- Sticky navigace s plynulým scrollem
- Plně responzivní pro mobil

Texty a obrázky co nemáš si vymysli, tak aby to bylo v souladu se zadáním.
.md
Nabídková kalkulačka
Aplikace
Otevřít

Nabídková kalkulačka

Interaktivní kalkulačka cen projektů pro marketingovou agenturu.

Vytvoř profesionální kalkulačku cen projektů pro marketingovou agenturu.

Funkce:
- Klient vyplní: typ projektu (dropdown: web, kampaň, branding, správa sociálních sítí), rozsah (malý/střední/velký), časová osa (express/standardní/flexibilní), počet revizí
- Každý výběr okamžitě aktualizuje odhadovanou cenu v reálném čase
- Zobrazí rozpad ceny: základní cena, příplatek za termín, poplatek za revize, celkem
- Souhrnná karta na konci se vším co bylo vybráno + finální cenové rozmezí (min-max)
- Tlačítko "Vygenerovat nabídku" které vytvoří formátované shrnutí ke zkopírování
- Čistý důvěryhodný design — bílé pozadí, tmavě modrý text, zelený akcent pro cenu
- Jemná animace při každé změně ceny

Tu matematiku v pozadí a informace si vymysli, tak aby to dávalo smysl.
.md
Nabídka Škoda Superb
Nabídka
Otevřít

Nabídka Škoda Superb

Personalizovaná nabídka na prodej Škody Superb se srovnáním a finanční kalkulačkou.

Vytvoř interaktivní business proposal jako webovou aplikaci pro prodejce automobilů "AutoPremium Praha", který pitchuje nejnovější Škodu Superb zákazníkovi Tomáši Horáčkovi.

O zákazníkovi víme:
- Jezdí pravidelně do hor na lyže (Krkonoše, Alpy)
- Má rodinu, potřebuje prostorné auto
- Řídí hodně dálnic, ocení komfort na dlouhých trasách
- Aktuálně jezdí starší Octavii, přechází do vyšší třídy

Proposal má být naprosto personalizovaný zážitek:

HERO SEKCE:
- Velká cinematická fotka Škody Superb v horském prostředí se zasněženými vrcholy v pozadí, lyžařský nosič na střeše
- Headline: "Tomáši, tohle auto bylo stvořené pro vaše cesty"
- Podnadpis: "Škoda Superb 2025 — komfort prémiové třídy pro každou cestu do hor i zpět"

SEKCE "PROČ SUPERB PRO VÁS":
4 personalizované karty přímo pro Tomáše:
→ Hory bez kompromisů — pohon 4x4, světlá výška, systém pro sjezdovky, integrace lyžařského nosiče
→ Rodinný prostor — největší kufr ve třídě (645l), sklopná sedadla, prostor pro lyže dovnitř vozu
→ Dálniční komfort — adaptivní tempomat, Lane Assist, masážní sedadla, Head-up display
→ Technologie která zná vaši trasu — navigace s offline mapami horských oblastí, varování před náledím, automatické 4x4

INTERAKTIVNÍ KONFIGURÁTOR:
Zákazník si nakliká svůj vůz:
→ Motor (dropdown): 2.0 TDI 150k / 2.0 TDI 193k / 1.5 TSI 150k / plug-in hybrid
→ Pohon: 2WD / 4x4 (při výběru hor se 4x4 automaticky doporučí s ikonou hor)
→ Výbava: Ambition / Style / Laurin & Klement
→ Barva: vizuální výběr barevných koleček
→ Doplňky: lyžařský nosič / tažné zařízení / zimní kola / cargo organizér
Cena se aktualizuje v reálném čase.
Pod konfigurátorem: "Váš Superb pro hory" — shrnutí vybrané konfigurace s fotkou.

SROVNÁVACÍ TABULKA:
Škoda Superb vs Volkswagen Passat vs Škoda Octavia (jeho současné auto).
Řádky relevantní pro Tomáše: objem kufru, pohon 4x4, spotřeba na dálnici, délka záruky, cena servisního balíčku, dostupnost lyžařského nosiče, světlá výška.
Superb vizuálně zvýrazněn jako vítěz.

FINANČNÍ KALKULAČKA:
Přepínání: Hotovost / Leasing / Úvěr / Operativní leasing.
Slider pro akontaci a dobu splácení.
Automatický výpočet měsíční splátky.
Srovnání: "Oproti vašemu současnému vozu připlácíte X Kč měsíčně za prémiovou třídu".
Zobrazení celkových nákladů vlastnictví za 5 let včetně servisu a pojištění.

SEKCE "VAŠE HORY S SUPERBEM":
Vizuální storytelling — 3 scénáře jako karty s fotkami:
→ Páteční odjezd po práci — Superb naložený, rodina v pohodlí, navigace nastavena na Špindl
→ Sobotní ráno na sjezdovce — auto na parkovišti s lyžemi na střeše, žádný kompromis
→ Neděle večer domů — adaptivní tempomat na D1, masážní sedadla, děti spí vzadu

TIMELINE PŘEVZETÍ:
Objednávka → Výroba ve Mladé Boleslavi → Transport → Příprava a PDI → Předání vám — s odhadovanými daty a progress barem.

FINÁLNÍ CTA:
Primární tlačítko: "Rezervovat Superb pro Tomáše"
Sekundární: "Domluvit test drive do hor"
Osobní vzkaz od prodejce s fotkou a podpisem.

DESIGN:
- Tmavý luxusní ale přitom český — zelená a stříbrná jako akcenty (barvy Škody)
- Velké cinematické fotky hor a vozu
- Serif nadpisy, sans-serif tělo textu
- Plynulé scroll animace, parallax efekt na hero fotce
- Mobile first — Tomáš si to prohlédne na telefonu večer doma
.md
Nabídka osobního trenéra
Nabídka
Otevřít

Nabídka osobního trenéra

Personalizovaná nabídka osobního trenéra pro konkrétního klienta s týdenním plánem.

Vytvoř interaktivní personalizovanou nabídku pro osobního trenéra "Martin Kolář — Personal Training" pro konkrétního klienta Petra Svobodu.

CO O PETROVI VÍME:
- Chce zhubnout 12 kg do léta (začínáme v lednu)
- Má sedavé zaměstnání, pracuje v kanceláři 9 hodin denně
- Cvičil před 3 lety, teď začíná znovu od nuly
- Má rád sport obecně ale nesnáší kardio na pásu
- Může cvičit 3× týdně, preferuje ráno před prací
- Budget: střední, chce vidět výsledky před tím než investuje více
- Bydlí na Praze 3, potřebuje buď online nebo poblíž metra

CELKOVÁ ATMOSFÉRA STRÁNKY:
Stránka má působit jako osobní dopis od trenéra Petrovi, ne jako generická nabídka. Každá sekce mluví přímo k němu, používá jeho jméno, jeho situaci, jeho cíle. Tón: motivující ale upřímný, žádné prázdné sliby.

SEKCE 1 — HERO:
- Velká fotka atletického muže při tréninku (ne pódiový bodybuilder — reálný člověk v pohybu)
- Headline: "Petře, 12 kg do léta je reálný cíl. Tady je přesně jak to uděláme."
- Podnadpis: "Tento plán jsem připravil přímo pro vás — pro váš rozvrh, vaše tempo a vaše možnosti."
- Malá fotka trenéra Martina s jeho podpisem

SEKCE 2 — PETROVA SITUACE (zrcadlo):
Nadpis: "Rozumím kde teď jste."
3 karty které popisují přesně Petrovu realitu:
→ Sedíte 9 hodin denně a cítíte že tělo potřebuje změnu
→ Cvičení jste zkusil, ale bez výsledků nebo motivace to nevydrželo
→ Chcete něco co zapadne do vašeho rána, ne do vašeho stresu
Pod kartami: "Přesně pro tuhle situaci jsem sestavil váš plán."

SEKCE 3 — TRANSFORMAČNÍ PLÁN (interaktivní timeline):
Nadpis: "Vašich 6 měsíců — týden po týdnu"
Horizontální timeline s 6 fázemi, každá klikatelná:
→ Měsíc 1: Základ a návyk — 3× týdně 45 min, silový trénink bez kardia na pásu, -1 až -2 kg, hlavně vybudovat rutinu
→ Měsíc 2: Progrese — zvýšení intenzity, první viditelné změny, -2 až -3 kg celkem
→ Měsíc 3: Průlom — tělo adaptované, výsledky akcelerují, -4 až -5 kg celkem
→ Měsíc 4-5: Momentum — Petr už ví co dělá, trenér dolaďuje, -8 kg celkem
→ Měsíc 6: Cíl — léto, -12 kg, nová rutina která zůstane
Každá fáze po kliknutí zobrazí: co budeme trénovat, jak bude Petr vypadat, co se změní v jídelníčku.

SEKCE 4 — TÝDENNÍ PLÁN (konkrétní):
Nadpis: "Váš týden — přizpůsobený vašemu rozvrhu"
Vizuální týdenní kalendář (Po–Ne):
→ Pondělí 6:30 — Silový trénink horní část těla (60 min, poblíž metra Žižkov)
→ Středa 6:30 — Silový trénink dolní část těla (60 min)
→ Pátek 6:30 — Funkční trénink celého těla + core (60 min)
→ Ostatní dny: doporučená aktivita (procházka, protažení) — žádný tlak
Pod kalendářem: "Žádný pás. Žádné nudné kardio. Jen pohyb který vás bude bavit."

SEKCE 5 — CO DOSTANETE (vizuální karty):
6 karet s ikonami:
→ Osobní tréninkový plán přesně pro vás
→ Jídelní doporučení (ne diety, jen principy)
→ WhatsApp podpora 7 dní v týdnu
→ Měsíční měření a úprava plánu
→ Přístup do online knihovny cviků s videi
→ První trénink jako seznámení zdarma

SEKCE 6 — INVESTICE (cenové balíčky):
3 balíčky, prostřední zvýrazněný jako doporučený:
→ Start (1 měsíc): 4 tréninky/měsíc, 3 200 Kč — "Vyzkoušejte bez závazku"
→ Transformace — DOPORUČENO (3 měsíce): 12 tréninků + online podpora, 8 400 Kč — "Nejlepší poměr výsledků a investice"
→ Kompletní proměna (6 měsíců): 24 tréninků full podpora + výživový plán, 14 900 Kč — "Cesta k těm 12 kg"
Pod balíčky: interaktivní kalkulačka — slider "Kolik tréninků měsíčně?" → zobrazí cenu za trénink a odhadovaný výsledek za X měsíců.
Zvýrazněná bublina: "Petře, pro váš cíl doporučuji Transformaci — máte čas a výsledky přijdou ve správný moment."

SEKCE 7 — MARTIN O SOBĚ (důvěra):
- Fotka trenéra v akci
- Krátký osobní text psaný přímo Petrovi: "Pracuji s lidmi jako jste vy každý den. Kancelář, únava, pocit že na to nemáte čas. Vím že to jde — a vím přesně jak."
- 3 výsledky reálných klientů v podobné situaci: každý s před/po čísly (ne fotky — jen čísla a krátký citát)
- Certifikace a vzdělání jako malé ikonky

SEKCE 8 — FINÁLNÍ CTA:
Nadpis: "Petře, léto přijde ať chcete nebo ne. Otázka je jak ho chcete prožít."
Dvě tlačítka:
→ Primární: "Rezervovat první trénink zdarma"
→ Sekundární: "Mám otázku pro Martina"
Pod tlačítky: "Odpovím do 2 hodin. První trénink je bez závazku a zdarma."

DESIGN:
- Čistý moderní styl — bílé pozadí, tmavě zelená jako primární barva (#1B4332), zlatá jako akcent (#D4A853)
- Velké nadpisy, hodně bílého prostoru, žádný chaos
- Fotky: reálný sport, reální lidé, ne stock fotky z fitness magazínu
- Plynulé scroll animace, každá sekce najede zleva nebo zprava
- Mobile first — Petr si to prohlédne na telefonu večer před spaním
- Malý detail: v pravém dolním rohu floating bublina "Napište Martinovi" s jeho fotkou
.md
Vizualizace dat
Dashboard
Otevřít

Vizualizace dat

Business intelligence dashboard pro e-shop s přehledem výkonu a interaktivní modelací scénářů.

Vytvoř interaktivní business dashboard pro majitele e-shopu se dvěma záložkami: Dashboard a Modelace scénářů.

ZÁLOŽKA 1 — DASHBOARD:
- Celkové tržby tento měsíc vs minulý měsíc — číslo + procentuální změna s šipkou nahoru/dolů
- Graf tržeb za posledních 30 dní — line chart, denní hodnoty
- Top 5 nejprodávanějších produktů — horizontální bar chart
- Konverzní poměr, průměrná hodnota objednávky, počet nových zákazníků — 3 KPI karty nahoře
- Geografická mapa odkud přicházejí zákazníci — barevná heat mapa krajů ČR
- Filtr: tento týden / tento měsíc / tento kvartál
- Dark mode design, moderní grafy, čistá typografie

ZÁLOŽKA 2 — MODELACE SCÉNÁŘŮ:
Uživatel pomocí sliderů upravuje vstupní metriky:
→ Konverzní poměr (aktuálně 2,3 %, slider 0–10 %)
→ Průměrná hodnota objednávky (aktuálně 1 850 Kč)
→ Návštěvnost webu (aktuálně 45 000 / měsíc)
→ Náklady na reklamu (aktuálně 85 000 Kč / měsíc)
→ Míra opakovaných nákupů (aktuálně 18 %)

Při každé změně slideru se okamžitě přepočítají:
→ Odhadované tržby
→ Čistý zisk
→ ROAS (návratnost reklamy)
→ Počet objednávek
→ Breakeven bod

Vizuální srovnání: aktuální stav (modrá) vs modelovaný scénář (zelená) — side by side karty a sloupcový graf.

Tři přednastavené scénáře tlačítky: "Konzervativní" / "Realistický" / "Optimistický" — každý nastaví slidery na předem definované hodnoty.

Upozornění červeně pokud modelovaný scénář znamená ztrátu.

Data, texty a obrázky co nemáš si vygeneruj tak, aby to dávalo se vším smysl.
.md
Digitální menu kavárny
Menu
Otevřít

Digitální menu kavárny

Mobilní digitální menu pro kavárnu přístupné přes QR kód — kategorie, filtry, alergeny a denní specials.

Vytvoř digitální menu pro kavárnu "Café Moment" přístupné přes QR kód.

Funkce:
- Kategorie nahoře jako horizontální scrollovatelné tagy: Káva / Čaj / Snídaně / Sendviče / Dezerty / Nápoje
- Každá položka má: název, popis, cenu, ikonu alergenu, štítek (nové / bestseller / veganské / bezlepkové)
- Vyhledávací pole pro rychlé hledání
- Filtr pro diety — vegetariánské / veganské / bezlepkové — jedno kliknutí skryje nevyhovující položky
- Detailní karta po kliknutí: velká fotka, ingredience, alergeny, kalorická hodnota
- Denní specials sekce nahoře — rotující banner
- Teplý éterický design — krémové tóny, písmo serif, jemné stíny
- Plně mobilní — optimalizováno pro telefon
.md
Firemní knowledge base
Knowledge base
Otevřít

Firemní knowledge base

Interaktivní firemní knowledge base pro softwarovou firmu.

Vytvoř interaktivní firemní knowledge base pro tým softwarové firmy "DevCore".

Struktura a obsah:
- Levý sidebar s kategoriemi: Onboarding / Development Standards / DevOps & CI/CD / Architektura / Bezpečnost / HR & Procesy / FAQ
- Vyhledávací pole které filtruje články v reálném čase
- Každý článek má: nadpis, perex, obsah, tagy (např. #backend #python #security), datum poslední aktualizace, jméno autora s avatarem
- Breadcrumb navigace
- Code snippety se syntax highlighting a tlačítkem "Kopírovat kód"
- "Byl tento článek užitečný?" hodnocení palec nahoru/dolů
- Rychlé odkazy — 5 nejčastěji navštívených článků na hlavní stránce
- Badge "Aktualizováno" pro články změněné v posledních 7 dnech
- Dark/light mode přepínač

Naplň realistickým obsahem — alespoň 10 článků:
→ Jak nastavit lokální vývojové prostředí
→ Git workflow a naming conventions
→ Code review checklist
→ Jak deployovat na produkci
→ Security best practices
→ Onboarding checklist pro nové vývojáře
→ API dokumentace šablona
→ Jak psát unit testy
→ Incident response postup
→ Remote work guidelines

Čistý minimalistický design, tmavý sidebar, bílý obsah, modrá a zelená pro akcenty a tagy.
.md
MVP — AI email agent
MVP
Otevřít

MVP — AI email agent

Futuristická luxusní landing page pro AI produkt s waitlist konverzí.

Vytvoř futuristickou, luxusní landing page pro AI produkt nazvaný "INBO" — inteligentní AI agent který autonomně spravuje emailovou komunikaci.

ÚČEL STRÁNKY: Toto je MVP validace. Cílem není prodávat — cílem je zjistit jestli je o produkt zájem. Jediná konverze která se počítá je zadání emailu do waitlistu. Vše na stránce musí směřovat k tomuto jedinému cíli.

PRODUKT — CO INBO DĚLÁ:
- Autonomně čte, třídí a odpovídá na emaily místo tebe
- Rozpozná prioritu každého emailu a jedná podle ní
- Naučí se tvůj komunikační styl a píše jako ty
- Upozorní tě pouze na emaily které skutečně vyžadují tvoji pozornost
- Pracuje 24/7 bez přestávky
- Průměrný uživatel ušetří 2+ hodiny denně

DESIGN — VIZUÁLNÍ IDENTITA: Futuristický, luxusní, AI-first estetika:
- Černé pozadí (#0A0A0A) jako základ
- Primární akcent: elektrická fialová (#7C3AED) přecházející do azurové (#06B6D4)
- Gradient text na klíčových headlinech
- Glassmorphism efekt na kartách a sekcích (průhledné karty s blur efektem a jemným světlým okrajem)
- Animované částice nebo světelné paprsky na pozadí které se pohybují pomalu
- Subtilní grid pattern na pozadí jako technologický prvek
- Všude zaoblené rohy, hodně bílého prostoru
- Písmo: moderní sans-serif, velké a bold nadpisy
- Celkový pocit: jako kdyby Apple a OpenAI vytvořili produkt společně

STRUKTURA STRÁNKY:
1) HERO — badge "Brzy k dispozici · Limitovaný přístup" s pulzující tečkou, gradient headline "Tvůj inbox. Konečně bez tebe.", podnadpis, velký email input + tlačítko "Získat přístup", social proof "1.247 lidí čeká", v pozadí animace emailů.
2) PROBLÉM — tři glassmorphism karty se statistikami (2.5 hod / 40% / 73%).
3) JAK TO FUNGUJE — timeline 3 kroky: Připoj email → INBO se naučí styl → Pracuj na věcech které záleží.
4) FUNKCE — grid 2x3 karet (Autonomní odpovídání, Inteligentní prioritizace, Učící se model, Okamžité notifikace, Plná kontrola, Bezpečnost).
5) SOCIÁLNÍ DŮKAZ — 3 testimonialy.
6) FINÁLNÍ CTA — gradient sekce s opakovaným email inputem a progress barem waitlistu.
7) FOOTER — minimalistický.

TECHNICKÉ DETAILY: plynulé scroll animace, hover efekty, funkční email input se success stavem, animovaný čítač waitlistu, mobile first.
.md
Jan Novák — UX Portfolio
Portfolio/CV
Otevřít

Jan Novák — UX Portfolio

Prémiové portfolio (digitální CV) UX designéra s moderními prvky.

Vytvoř interaktivní osobní portfolio a životopis pro UX designéra Jana Nováka.

Sekce:
- Hero: jméno, titul, animovaný text který střídá role (UX Designer / Problem Solver / Creative Thinker), CTA tlačítka "Moje práce" a "Kontakt"
- O mně: foto placeholder, příběh ve dvou odstavcích, 3 hodnoty jako karty s ikonami
- Skills: vizuální skill bary s procenty, kategorie Design / Research / Tools
- Pracovní zkušenosti: vertikální timeline, každá pozice klikatelná pro detail
- Portfolio: grid projektů s obrázkem, názvem, tagy — po kliknutí modal s detailem, výzvou a řešením
- Testimonials: carousel s hodnoceními
- Kontakt: formulář + ikony sociálních sítí

Tmavý prémiový design, fialové akcenty, plynulé scroll animace.
.md
Sekce

Osobní

5 příkladů
Petra & Martin — Svatební pozvánka
Web
Otevřít

Petra & Martin — Svatební pozvánka

Elegantní digitální svatební pozvánka s odpočtem, timeline příběhu, RSVP formulářem a galerií.

Vytvoř interaktivní digitální svatební pozvánku pro Petru a Martina.

Sekce:
- Hero s jejich jmény, datem (21. června 2026) a odpočítávadlem v reálném čase zobrazujícím dny, hodiny, minuty a sekundy do svatby
- Jejich příběh — interaktivní timeline jak se poznali: První setkání (2019) → První rande → Cestování společně → Zásnuby (2024) → Svatba (2026) — každý milestone s ikonou a krátkým popisem
- Detaily — kdy, kde, dress code — každá informace jako elegantní karta s ikonou
- Interaktivní mapa s místem obřadu a recepcí — dva piny s popisem, tlačítko "Navigovat"
- RSVP formulář — jméno, počet hostů, výběr menu (maso/ryba/vegetarián), alergie, vzkaz novomanželům
- Ubytování — 3 doporučené hotely s cenami a odkazem na rezervaci
- Hudební přání — hosté mohou navrhnout písničku
- Galerie jejich fotek — masonry grid, lightbox po kliknutí, 8 placeholder fotek

Design: romantický, krémová a zlatá paleta, serif písmo, jemné animace při scrollování, padající konfetti při načtení stránky.
.md
Jaký typ podnikatele jsi? — Kvíz
Aplikace
Otevřít

Jaký typ podnikatele jsi? — Kvíz

Interaktivní osobnostní kvíz se 4 archetypy, progress barem a detailní výsledkovou stranou.

Vytvoř interaktivní kvíz "Jaký typ podnikatele jsi?"

Struktura:
- Úvodní obrazovka s názvem, popisem a CTA tlačítkem "Začít"
- 10 otázek, každá s výběrem ze 4 odpovědí, každá odpověď boduje různé typy
- Progress bar ukazující postup
- Plynulé přechody mezi otázkami — slide animace
- 4 výsledkové typy: Vizionář / Budovatel / Analytik / Konektor — každý s detailním popisem, silnými stránkami, slabými stránkami a doporučením
- Výsledková strana: velká ikona typu, nadpis, popis, 3 tipy pro tento typ, tlačítko sdílet výsledek
- Tlačítko "Zkusit znovu"
- Energický moderní design — tmavé pozadí, neonové akcenty, bold typografie
.md
Habit Tracker — Návyky
Aplikace
Otevřít

Habit Tracker — Návyky

Osobní tracker návyků se streak counterem, heat mapou a statistikami — vše uložené v localStorage.

Vytvoř osobní habit tracker aplikaci.

Funkce:
- Přidání vlastních návyků s ikonou, názvem a frekvencí (denně / pracovní dny / weekly)
- Každý den zaškrtnutí splněných návyků — checkbox s animací
- Streak counter pro každý návyk — počet dní v řadě
- Týdenní přehled — heat mapa jako GitHub contributions, každý den má barvu podle procenta splněných návyků
- Statistiky: nejdelší streak, průměrná úspěšnost tento měsíc, nejsilnější den v týdnu
- Motivační zpráva která se mění podle dnešního výkonu
- 5 přednastavených návyků: Cvičení / Čtení / Meditace / Voda 2l / Bez sociálních sítí po 21:00
- Tmavý minimalistický design, zelené akcenty, čistá typografie
- Data se ukládají v localStorage
.md
Cestovní checklist
Aplikace
Otevřít

Cestovní checklist

Interaktivní cestovní checklist s výběrem typu cesty, dynamickými množstvími a remindery.

Vytvoř interaktivní cestovní checklist aplikaci.

Funkce:
- Výběr typu cesty: Pláž / Hory / Město / Byznys — každý typ načte jiný přednastavený seznam položek
- Položky v kategoriích: Doklady / Oblečení / Hygiena / Elektronika / Léky / Různé
- Checkbox s animací, zaškrtnuté položky se přesunou dolů
- Progress bar kolik procent je zabaleno
- Přidání vlastní položky do libovolné kategorie
- Počet cestujících — aplikace upraví množství (2 lidi na 3 dny = 6 triček)
- Tlačítko "Sdílet seznam" generuje text ke zkopírování
- Reminder sekce: pojištění, víza, očkování — checkboxy s deadliny
- Čistý design, cestovní ikonky, modrá a tyrkysová paleta
.md
Anglická slovíčka flashcards
Aplikace
Otevřít

Anglická slovíčka flashcards

Flashcard aplikace pro učení angličtiny pro středoškoláky.

Vytvoř interaktivní flashcard aplikaci pro učení anglických slovíček pro středoškoláky.

Funkce:
- Kartičky s otočením — přední strana české slovo, zadní anglický překlad + příklad věty
- Tři módy: Učení / Procvičování / Test
- V módu Test: zobrazí slovo, uživatel vybere správný překlad ze 4 možností, okamžitá zpětná vazba (zelená/červená)
- Progress tracker — kolik karet zvládnuto, procento úspěšnosti, streak dní
- Spaced repetition logika — karty kde chybují se zobrazují častěji
- Kategorie: Základní slovíčka / Cestování / Byznys / Příroda
- Naplň 40 reálnými slovíčky napříč kategoriemi
- Herní prvky — XP body, level systém, odznaky za milestony
- Pastelový přátelský design, velká čitelná písma, animace při otočení karty
.md