What's for dinner? is a Next.js project bootstrapped with create-next-app using SASS, CSS Modules and Material-UI, which allows you to search for recipes given a list of ingredients. Gets data from a free-to-use public API.
For example, If you've bought a whole chicken and you want to use up the garlic and the mushrooms you have in your cupboard, this website will help you find recipes that feature all these ingredients.
First, clone or download the solution.
To be able to see results when running the application, you will need to sign up to a free account from Edamam. Fill in the form for the free developer tier, head to the applications page and click "view" to see your Application ID and Application key which you will need for the next step.
Create a file in the root directory called .env and add the following to the file:
APPLICATION_ID="{YOUR_APPLICATION_ID}"
APPLICATION_KEY="{YOUR_APPLICATION_KEY}"
Then, run the development server:
yarn devOpen http://localhost:3000 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.