Feast Finder

About the project

What you can try

• Search by name, or browse by first letter, category, ingredient or cuisine
• "What's in my fridge": pick several ingredients and find meals that use all of them, or all but one
• Cooking mode: one step at a time, full screen, the screen stays on, timers taken from the recipe
• Instructions read aloud with the current step highlighted
• Ingredient checklist, a shopping list for several meals, metric or US units
• Favourites, share and print, dark mode, works offline
• A weekly meal planner with lunch and dinner for each day; the whole week goes to the shopping list in one go
• Voice search, a quick find (Ctrl+K), cuisines from 63 countries with flags and meals from your own country on the home page

Under the hood

• A small meal index built at build time makes multi-ingredient search possible, although the free API cannot filter by several ingredients
• Playwright tests use a fake clock for timers and a fake speech engine for read-aloud, with accessibility checks in both themes
• Prerendered pages with recipe structured data and a sitemap; a weekly CI run refreshes the index
• API responses are cached in memory for 30 minutes and identical requests are merged
• A small service worker keeps the app shell, recipes and images, so visited pages open offline

Changelog

• Nuxt 3.9 to 4.6 with the new app structure
• Vue 3.4 to 3.5 and Tailwind CSS 3 to 4
• Axios removed