Recipe finder, for individual ingredients, or photos of your meal.
Ala’addin and I (Carlos) started this project as a way to teach ourselves the react framework from scratch. Although a better version of our website already exists SuperCook.com We thought that this would be a good challenge to incorporate using API’s for the first time, working with ChatGPT, and most importantly, teaching ourselves React.js.
This website gives you a break on finding the recipe for the night. You upload a photo of your fridge and get a list of recipes that you can make in return. Or alternatively, you can search and pick your ingredients.
- Language learning - We only know a little bit about JavaScript and resorted to having AI teach us the best paths forward when it came to React.
- File formatting - we don’t know what we don’t know. We’re making our best judgements for how to properly nest the components and how to handle the css/react. If you have any better suggestions please open an issue.
After cloning:
From main directory:
npm install node express @google-cloud/vision path fs dotenv openai multer cors axios
- Install required packages
- Run node server from chatpgt-api-node.js dir:
node --require dotenv/config index.js - Start the UI from root dir:
npm start