Leftover Food Optimizer 2000

Leftover ingredients in your fridge that you forgot to use? No problem! With the Leftover Food Optimizer 2000, you can make the most of your leftover ingredients with certified delicious food!

Comment

Inspiration

I love to cook and eat a lot, and sometimes, whenever I finish cooking, there are always some ingredients that I used lying around, waiting to spoil and be thrown away. I want to make a stop to that and try out a new eco-friendly way to make the most out of the ingredients I use for cooking and make even more delicious food while saving our resources!

What it does

  1. Enter leftover ingredients(e.g. Chicken, tomato, onion)
  2. The program called “Flask backend” finds matching recipes to whatever ingredients you put
  3. Adds creative “pro tips” (like roasting or marinating food)
  4. Displayed results with images, gradients, and slight animations

How I built it

I used Python as the main programming language, then I used Flask as a lightweight web framework to serve the app. Continuing, I used inline HTML & CSS for UI styling, gradients, animations, and layouts, all generated dynamically by Flask(no separate files added). Finally, to finish it off, I used static image URLs for real recipe photos without any database or file storage needed.

Challenges I ran into

I ran into many bugs, like the Flask program not working as intended, and it kept crashing the website. Not only that, but some of the pictures were not able to load because of the overwhelming HTML and CSS code I put into animations.

Accomplishments that I'm proud of

I am proud of the final product of my app, as it looks clean, bug-free, and overall has the best aesthetic design I have ever put in my website.

What we learned

I learned to build a web app entirely in Python without using any third-party websites to help with additional files. I practiced handling GET and POST requests, input forms, and dynamic page rendering. Finally, I learned how to inject CSS and images directly from Python, creating animations, color gradients, and responsive cards.

What's next for Leftover Food Optimizer 2000

I think I might consider this website a future work in progress. Although I am happy the way it turned out, I have a feeling this website could one day be public for the world to see, and possibly I could change people's lives because of this.

Built With

Share this project:

Updates