Feast Finder
Hľadanie receptov medzi takmer 800 jedlami: podľa názvu, suroviny, kategórie alebo toho, čo máte v chladničke.
O projekte
Osobný projekt z roku 2024 na hľadanie receptov, ktorý odpovedá na otázku „čo dnes uvariť?“ s dátami z TheMealDB. Neskôr som ho prerobil na Nuxt 4 s testami, prístupnosťou a novým dizajnom.
Čo si môžete vyskúšať
- Vyhľadávanie podľa názvu alebo prehliadanie podľa písmena, kategórie, suroviny či kuchyne
- „Čo mám v chladničke“: vyberte viac surovín a nájdite jedlá, ktoré ich použijú všetky alebo všetky okrem jednej
- Režim varenia: jeden krok naraz, celá obrazovka, displej nezhasne, časovače z receptu
- Predčítanie postupu so zvýraznením aktuálneho kroku
- Kontrolný zoznam surovín, nákupný zoznam pre viac jedál, metrické alebo americké jednotky
- Obľúbené, zdieľanie a tlač, tmavý režim, funguje offline
Ako to funguje
- Malý index jedál vytvorený pri zostavení umožňuje hľadať podľa viacerých surovín, hoci bezplatné API to nevie
- Playwright testy používajú falošné hodiny pre časovače a falošný hlasový modul pre predčítanie, s kontrolou prístupnosti v oboch témach
- Predgenerované stránky so štruktúrovanými dátami receptov a sitemap; CI raz týždenne obnoví index
Zoznam zmien
- Nuxt 3.9 na 4.6 s novou štruktúrou aplikácie
- Vue 3.4 na 3.5 a Tailwind CSS 3 na 4
- Odstránené Axios
- Kedy
- 2024 – 2026
- Typ
- Osobný
- Verzie
- Nuxt 4.6
- Vue 3.5
- Tailwind CSS 4
- TypeScript 6
- Technológie
- Nuxt
- Vue
- TypeScript
- VueUse
- Tailwind CSS
- Vitest
Playwright- ESLint
- GitHub Pages
Galéria
