BiteBack

Empower your health and protect the planet with our easy-to-use program. Make informed decisions about your food choices, reduce your environmental impact, and feel good about what you eat.

Comment

Inspiration

We all know that eating out is a delicious temptation, but it often leads to overfilled plates and unnecessary food waste, whether it's at a buffet, restaurant, or even at home. That's why I'm excited to share my latest project: a web service that empowers users to make more mindful choices about their meals, no matter where they're eating.

What it does

Our program website has you take two photos of food, one being what you would normally eat and the second being what you are about to eat, and compares the calories and CO2 emissions required to make the meal. Seeing the environmental impact and nutritional info together can help users foster healthier and more eco-friendly food choices.

How we built it

  • ReactJS (HTML, CSS)
  • JavaScript
  • TailwindCSS
  • OpenAI API
  • Express/Node.js

Challenges we ran into

Front-End Development

  • Crafting a simple, yet intuitive and visually appealing user interface design.
  • Implementing custom styling for file input fields to enhance user experience. This involved overcoming technical challenges specific to styling these elements.

Back-End Development

  • Integrating and experimenting with the OpenAI API.

Accomplishments that we're proud of

  • Fast Development: Successfully building a fully functional project within 24 hours.
  • First Hackathon Success: Completing our first fully functional hackathon project. We managed to demonstrate our ability to collaborate effectively under time pressure and deliver tangible results.

What we learned

  • Planning is Everything We discovered the importance of thorough planning before diving into code. A well-defined plan helps prevents roadblocks and ensures we use our time effectively.
  • The Importance of Communication: Effective communication is crucial in a collaborative environment. Clear and frequent communication helps foster teamwork, aligns goals, and helps avoid misunderstandings.
  • The Versatility of the OpenAI API: We were impressed by the capabilities of the OpenAI API. It open up numerous possibilities for innovative applications.

What's next for BiteBack

  • Enhanced Visual Appeal: We'd like to go back and add more engaging images, animations, and design elements to create a visually stunning interface. We'd also like it if it aligned more with the environmental theme, making the experience more immersive and enjoyable for users.
  • Gamification with a Scoreboard: We'd like to introduce a user scoreboard that allows users to track their progress, compare their food waste reduction achievements with others, and climb the ranks. This gamified approach aims to incentivize sustainable eating habits and foster a sense of community among users.
  • Use of Machine Learning: We'll integrate the actual machine learning to improve our accuracy of computer vision.

Built With

Share this project:

Updates