Feed Me

Feed Me is a web app that helps users with their next meal, whether that be cooking or going out. The app finds recipes based on available ingredients or decides on restaurants from user preferences.

Comment

Inspiration

We were inspired to build this app since we realized that we often have difficulty deciding what we want to eat for our next meal. With this in mind, we designed the app to be quick and simple so that less time is spent on deciding and more can be allocated to eating. The recipe feature is especially useful during the pandemic as more people have been trying to be more involved with cooking and we hope that this app would be able to help aspiring home cooks.

What it does

The app helps users plan out their next meal, by giving users the option to cook their meal or find a good restaurant. Using Spoonacular's API, recipes can be found based on what ingredients are available to the user. Google's Places API is used to find nearby cuisines that fit the user's mood as well as their budget.

How I built it

The web app is built using the Vue.js framework, the Spoonacular API and Google’s Places API. The pages and components are created using HTML, CSS, and Javascript while using Axios to help with handling API calls.

Challenges I ran into

The first major issue that we faced was an incompatibility with our initial frameworks, for example, Google Cloud SQL did not have any documentation for connecting with an ExpressJs backend, so we were unable to use the Cloud SQL, which would initially be used to store users, recipes and preferences.

In general, we tried to do too many things with the project, underestimating the amount of time we would need to complete all the planned features.

Accomplishments that I'm proud of

Despite not being to accomplish everything we planned. We are incredibly proud of the final product as we were able to implement most of the major features while learning how to use new frameworks and use APIs. It is very rewarding to know that all of our hard work that went into this project was worth it.

What I learned

By working on Feed Me, it helped us each with gaining new technical skills, as well as gaining more experience with existing skills. As not all of the team had prior experience with all the technologies used to create this project, working together helped each of us discover new technologies and dig deeper into existing ones. Aside from technical skills, we learned that we should plan more in advance and be more realistic in what we can achieve in 36 hours.

What's next for Feed Me

Further implement the google maps API integration, in order to provide more detailed restaurants and locations. Create a user database to store user information and search results. Use express.js to save information to the database for future use.

Built With

Share this project:

Updates