We wanted to create an app to easily search and save our favorite snack recipes!
What it does
Snack Basket lets you search for recipes, view random recipes and create an account to save your favorite recipes.
How I built it
We used the MERN tech stack: MongoDB to store user data, Node & Express for our server and React & Bootstrap for our front end. We also used the Spoonacular API to grab the recipe data.
Challenges I ran into
Working with the Spoonacular API to use the least amount of endpoints for the most amount of data took some experimenting and research, but in the end we were able to improve the speed of the site by using Spoonacular's options to pull multiple recipes at once, especially for functions like the home page recipe cards.
Accomplishments that I'm proud of
The search function and the save to favorites functionality are both great features for the site!
What I learned
We learned some good lessons about how to work with a complex API to grab and display data.
What's next for Snack Basket
After Shellhacks, we'd love to add more features! Possibilities include more complex recipe search/filter, user profiles, and more!