Food Recipes with what you have at hand 👨‍🍳

What I built: A food recipe finder with what you have in your fridge

Category Submission: Program for the People

App Link: https://cook.auscode.me/

Screenshots:

Description:

Are you stuck and bored at your house trying to find new thing ways to kill your time?

Well, I invite you to try cooking for fun, and do not worry about buying stuff outside, this app will help you to find recipes with what you have at your fridge or "alacena" (cupboard in Spanish). No download or annoying ads, just open the link with your phone, and you will be ready to start. Give it a try, it is totally free.

But remember to share your "food experiments" with your family and friends.

Link to Source Code: https://github.com/Anstroy/alacena-vue-3

Permissive License: MIT

Background

When I was in college, I was expending so much money eating out. Everybody kept telling me that I better start eating more at home so I can save some money, thing that I ignored entirely 🙃, when the pandemic hit us all, I was stuck at home trying different things to be active and not sleeping 😴 or watching movies all day, I could not go out anymore to buy groceries that often, so the idea came to me 💡 when I was trying to figure out a way to find food recipes with what I have at hand.

How I built it

The project is using Vue.js 3, I wanted to give it a try since I have only used the 2.x version, I am also using for the CSS front-end tailwindcss, and for the API calls I am using spoonacular API, which is amazing and provides a lot of recipes from different website.

Additional Resources/Info

We made the project to be a web app to test the Digital Ocean app platform, but we want to make into a mobile app in the near future. Since it is Vue.js we can probably use Cordova or Ionic to build it.

Comments

[Sheikh Husnain]

Great concept! Your recipe finder is perfect for saving time, money, and reducing waste. It’s as useful in the kitchen as answering the classic question: is sea salt or Himalayan salt better? Love the simplicity and functionality of your app!

[Yasmeen Noor]

This recipe app is a smart solution for everyday cooking using ingredients you already have, cutting food waste and saving money—especially useful during times like lockdowns.
According to Wikipedia, a recipe is a set of instructions that describes how to prepare or make something, and this tool simplifies that process by matching available ingredients to dishes.
Built with Vue.js 3 and Tailwind CSS, and powered by the Spoonacular API, it offers a smooth user experience with no ads or downloads required.
Turning this into a mobile app could broaden its impact, especially for students and families looking for quick meal ideas.
Just like this tool offers recipe suggestions, the panera menus provide a variety of wholesome options for anyone craving fresh, fast meals.