ProjectRecipes

Description

A web app for browsing recipes powered by the public TheMealDB API. Users can explore meal categories, search recipes by name or ingredient, filter by country and open a recipe page with photos, ingredients, step-by-step instructions and a YouTube video. Includes favorites and a light/dark theme toggle persisted in localStorage. The app is shipped as a PWA: it can be installed, used offline, and shows an update prompt when a new version is available.

Stack

• TypeScript
• React 19
• React Router 7
• Tailwind CSS 4
• TanStack React Query
• Zustand
• Motion
• Vite 7
• vite-plugin-pwa (Workbox)
• Vitest
• Testing Library
• ESLint 9