Find recipes based on ingredients that you have on hand.
Leftovr is a responsive single page web application which allows a user to enter one or more ingredients to find matching recipes.
It's built on Next.js - based on the React framework but using server side rendering rather than client side for consistent performance and to allow for better Search Engine Optimisation (SEO).
The application relies on the Edamam Recipe API to supply data. Note that this is the free version and therefore limited to 5 requests per minute.
The project is fully automated with a continuous deployment pipeline via Netlify.
- React - Javascript frontend framework
- Next.js - Server side rendering
- TypeScript - A typed superset of JavaScript
- NPM - Javascript package management
- Styled-components - CSS in JS
- Edamam - Recipe Search API
- Vercel - CI/CD and hosting
- Build, test, and deploy to Netlify platform.
- Automation integration with Github
install and run locally
$ npm install
$ npm run dev
open the url
http://localhost:3000/
