Roman Talaš changes

.env.example

@@ -0,0 +1 @@
+VITE_OPEN_WEATHER_API_KEY=example_api_key_here

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Environment variables
+.env

CHANGES.md

@@ -0,0 +1,26 @@
+1. Vytvořil jsem `.env` soubor a ten přidal do `.gitignore`. Přesunul jsem do něj API klíč, protože by neměl být veřejně viditelný.
+
+2. Vytáhnul jsem fetchovací logiku na počasí do single hooku, kvůli porušení single responsibility principle a lepší testovatelnosti.
+
+3. Přidal jsem podporu pro zobrazení loading skeletonu a chyb při fetchování dat pro lepší UX.
+
+4. Zrefaktoroval jsem WeatherCard a rozdělil na menší komponenty pro lepší přehlednost a testovatelnost. Podrobnější informace o počasí jdou nyní přes jednu společnou komponentu - redukce 4 téměř duplicitních bloků.
+
+5. Upravil jsem adresářovou strukturu pro lepší přehlednost - components, hooks, types, utils.
+
+6. Přidal jsem Vitest a RTL balíčky a doplnil ke všemu testy. Hooky testovány izolovaně, komponenty s mockovanými daty. U `useCities` testuji i integraci s localStorage, včetně fallbacku při corrupted datech.
+
+7. V useWeather jsem přidal city prop do hook dependencies. Při změně city prop by se v původním řešení nenačetla nová data.
+
+8. Do hooků s fetchem jsem přidal AbortController proti race conditions.
+
+9. Odstranil jsem zapomenutý console.log, který by se neměl v produkčním kódu vyskytovat.
+
+10. Funkci formatTime jsem rozšířil o podporu časových zón (timezone offset z API response), aby uživatel viděl místní časy.
+
+11. Jako vlastní feature jsem přidal search bar s autocomplete podporou.
+   - Volám OpenWeather GEO API, aby si uživatel mohl pohodlně vybrat z nabídky a nemusel psát celý přesný název.
+   - Výsledky jsou deduplikované, jelikož API občas vrací stejná místa s lehce odlišnými daty.
+   - Feature podporuje debounce, aby se api nevolalo po každém stisku klávesy.
+   - Combobox s nabídkou míst podporuje pohyb a výběr klávesnicí.
+   - Seznam měst je ukládán do local storage, uživatel si může města přes tlačítko odebírat.

package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest run"
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.14",
@@ -18,6 +19,9 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^24.6.0",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
@@ -26,9 +30,11 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "globals": "^16.4.0",
+    "jsdom": "^28.1.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",
-    "vite": "^7.1.7"
+    "vite": "^7.1.7",
+    "vitest": "^4.0.18"
   },
   "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c"
 }