Recipes PWA
An installable, offline-capable recipe browser on TheMealDB. Favorite a dish and the whole recipe stays readable with no connection.
Search, browse and filter recipes by name or category, with details down to ingredients, instructions, tags and the YouTube link. Favoriting fetches the full recipe into IndexedDB on-device, so everything you saved stays readable (and removable) offline, not just a summary.
A hand-written service worker precaches the app shell with an offline fallback page, runtime caching runs stale-while-revalidate for images and network-first for searches, and a small Express proxy is the sole holder of the TheMealDB API key. React 18, Vite, TypeScript, Tailwind, TanStack Query, plus an accessibility pass: skip links, labeled forms, aria-pressed favorite buttons and visible focus rings.