Cooking can often take a lot of time and be exhausting. We wanted to remove the hassle of going to the grocery store to find specific ingredients to complete the meal. Instead, we wanted a way to allow users to cook tasty meals with just the ingredients available in their household.
The program takes in the user's weight, height, nutrition goals, and activeness to give a bmi. Then there is a section to enter ingredients in you're pantry, preferences, and appliances.
We used javascript for the entire project with some html. The backend was developed using Node.js and the frontend was developed with React.
We initially utilized a Typescript frontend from figma and fastAPI python backend, but after having many issues we switched to fully javascript. The main issues we ran into was linking the frontend to the backend. Also we had issues implementing the correct API key.
We are very proud to have build our first web app. We learned a lot about the wholistic creation of a project with a frontend and backend, and incorporating an API key to generate output.
What we learned: A lot of what we leaned was how to use certain frameworks. A lot of learning was about terminal commands to test the program, make the frontend and backend run, and also general linkage.
We would love to incorporate more user experience options. This would include more information about the user so that it can generated meals better curated to the individual. Also, a family or friends function would be good to implement to generate meals for a larger group.
Log in or sign up for Devpost to join the conversation.