Magic Meal-O-Meter

Feeling happy? Or perhaps a little down? Measure your mood and allow this magical apparatus to grant the scrumptious delights that you deserve!

Comment

💡 Inspiration

We were inspired by the moments in our day-to-day lives when we couldn’t decide what we wanted to eat. We also noticed that our emotions influence what we were craving at the time. We hope that the "Magic Meal-O-Meter" makes your life a little bit easier when you can’t decide what to eat or inspires you to expand your palate!

⚙️ What it does

You can use the "Magic Meal-O-Meter" to randomly generate a meal idea based on how you are feeling. This selection buttons are displayed on a web page and have 12 different emoji moods for you to choose from. When you select a mood, you will be given a meal and a corresponding link to its recipe.

🔨 How we built it

We started with Python for this project. But we quickly realized that we did not want a console app to display the contents as it does not reflect the moods with their corresponding meals.

After extensive research, we’ve discovered the PyScript framework which allows developers to create rich Python applications in the browser using HTML's interface. In addition, we learned CSS and Bootstrap to stylize the web page.

🏃 Challenges we ran into

Searching out for a tech stack that could display native Python content on a web browser was challenging. Due to the time constraints, learning and setting up a Python-based web framework such as Django or Flask was not conducive to delivering the final product in time; in addition to learning HTML, CSS, and Bootstrap.

Although we were able to utilize the PyScript framework, it was difficult to navigate through its utilities due to its recency (publicly announced on April 30, 2022). Online documentation and usage support were limited. This also coincides with another challenge we faced, figuring out how to integrate a recipe link corresponding to each meal.

🏆 Accomplishments that we're proud of

  • This team! It’s a tremendous joy to be able to deliver, despite it being our very first hackathon project. We were able to keep each other updated on tasks to be done, resolve issues that we faced, and share useful resources.
  • The web page is easy to use, quite fun to play around with, and responsive.
  • Ability to navigate through a new framework like PyScript

🤓 What we learned

It was the first time collaborating code for some of us, so it was exciting to be able to work in a team. We found that it was important to communicate individual current tasks and responsibilities in order to stay accountable in the short period of time that we had.

⏭️ What's next for Magic Meal-O-Meter

  • Picture Links: We would like to incorporate picture links to make the design more aesthetically pleasing
  • More Recipes: Each button will have more meal options available. This would require the use of adding databases to this website.
  • JavaScript/JS frameworks: JavaScript will be learned and used to improve client-side code and produce a better runtime speed for the web page. Also, learning JS frameworks can help to build a more scalable and dynamic web app.
  • Custom Domain: Extra formality would be created by obtaining a custom domain and setting up web server.

Built With

Share this project:

Updates