Ever go to NYT site's Cooking sectio to find the next perfect dish to whip up... only to get hit with the paywall one second after opening the recipe page? Sucks don't it? NYT Cooking just hits different too - other recipe catalogs slam you with ads, video overlays and confusing layouts, making it difficult to follow recipe instructions- and ultimately, to feed you (and your guests).
Meet Recipes (working title): a recipe catalog. Minimally designed, fast, easy to follow.
- link to deployed app: exquisite-klepon-51cda7.netlify.app
- link to planning: GA SEI P3 (trello)
- Vite
- React
- React Router
- TheMealDB API
- YouTube Player API
- Netlify
- Timer function to help track cook times
- A share button with QR code to make passing off recipes easy
- Save to favorites functionality (localStorage?)
- Backend, authentication, recipe CRUD
- Refactor with Svelte/Astro to make the site static (and blazingly fast)
- style for mobile/tablets: some ideas:
- timer as a toast component
- ingredients contained in a section/aside and sticky to the left/right of viewport
- video minimizes to small player on the corner when out of focus