GuessThatWord

GuessThatWord je pokročilá implementace populární hádací hry slov postavená na moderním React + TypeScript stacku. Projekt demonstruje best practices ve frontend developmentu včetně type-safe programování, komponenty-driven architektury a responsivního designu.

---

Náhled hry

---

🚀 Rychlé spuštění

1. Naklonuj repozitář

git clone https://github.com/bobcermak/guess-that-word.git

2. Přejdi do složky projektu

cd guess-that-word

3. Nainstaluj závislosti

npm install

4. Spusť vývojový server

npm run dev

✨ Hlavní funkce

• 🌍 Dva jazyky - Čeština a angličtina
• 🎊 Animace konfet - Oslavy při výhře
• 🎯 Barevná zpětná vazba - Zelená/žlutá/červená
• 📊 Bodování - Sledování úspěšnosti
• ⌨️ Chytrá navigace - Automatický přechod mezi políčky
• 🎨 Tmavý design - Moderní gradient pozadí

🛠️ Technologie

• React 18 + TypeScript
• Vite - Rychlý build nástroj
• Tailwind CSS - Stylování
• Canvas Confetti - Animace

🎮 Pravidla hry

1. Hádej 5písmenná slova - Máš 6 pokusů
2. Barevné nápovědy:
   • 🟢 Zelená = Správné písmeno na správném místě
   • 🟡 Žlutá = Správné písmeno na špatném místě
   • 🔴 Červená = Písmeno není ve slově
3. Vyber jazyk - Přepínání mezi EN/CZ
4. Sleduj skóre - Body za výhry

📋 Dostupné příkazy

🔧 Instalace závislostí

npm install

🚀 Spuštění vývojového serveru

npm run dev

📦 Build pro produkci

npm run build

👁️ Náhled produkční verze

npm run preview

🔍 Kontrola kódu (ESLint)

npm run lint