Inspiration
We were inspired by apps which allow you to track nutrition. Additionally, coming up with ideas for food is a difficulty that plagues many people on a daily basis. By combining the two, we could create a way for people to come up with affordable, healthy, and delicious meal plans with just a few clicks!
What it does
It was intended to take user inputs (calorie goal, dietary restrictions, budget, featured ingredients) and produce a plan of a week of meals. The user would be able to make changes and select filters for future meals generated. Due to time constraints, our final website serves as a proof-of-concept and does not reflect our intended design.
How we built it
The website is built with Next.js. It was planned to use the Edamam Recipe Search API to generate recipes with corresponding nutritional information, then use the Kroger Product API to get local prices for the ingredients of each recipe.
Challenges we ran into
- Handling APIs was challenging.
- Passing the returned data into the components was another challenge
- Next.js server-side rendering and client-side rendering won't happen at the same file
Accomplishments that we're proud of
- Published a website with Vercel
What we learned
- Gained experience with Next.js, React, and APIs
- Learned project management skills
Built With
- edamam-nutrition
- kroger-api
- react
- vercel
Log in or sign up for Devpost to join the conversation.