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!

Built With

Share this project: