Inspiration

BiteFight was inspired by the desire to make meal planning more engaging and interactive. We noticed that choosing what to eat can be overwhelming with so many cuisine options available. Our goal was to simplify this process by creating a fun and interactive app that helps users explore different cuisines and discover new recipes based on their preferences.

What it does

BiteFight allows users to battle different cuisine types against each other, such as Italian versus French. Once a user selects a winning cuisine, the app generates recipes based on the chosen cuisine and additional filters like calories and macros. It then presents users with detailed recipe ingredients and step-by-step instructions, making meal planning both easy and enjoyable.

How we built it

We developed BiteFight using a combination of technologies: JavaScript & React: For building the user interface and providing a dynamic and responsive experience. Python & Flask: For handling the backend logic, including recipe generation and processing user inputs. ChatGPT 3.5 Turbo: To generate and suggest recipes based on selected cuisines and user-defined filters.

Challenges we ran into

User Interface Design: Creating an engaging and intuitive UI that balances functionality with a pleasant user experience. We wanted to make the process of using our app enjoyable and straightforward, so we used motion controls. Ensuring Accuracy: Making sure that the recipe suggestions met user expectations in terms of dietary preferences and nutritional goals.

Accomplishments that we're proud of

Interactive Cuisine Battles: Successfully implemented an engaging feature that allows users to choose their preferred cuisine. User Experience: Designed a user-friendly interface that simplifies meal planning and recipe discovery. Interaction Methods: Created a novel way of interacting with webapps and applied it to our problem. Authentication: We used authentication to provide a scaffold that will allow us to provide user data across devices in the future.

What we learned

AI Integration: Gained experience in integrating AI to generate user specific information. Full-Stack Development: Enhanced skills in full-stack development, including frontend and backend integration and data management. User-Centric Design: Learned the importance of balancing functionality with user experience to create an engaging app. Team Collaboration: Improved collaboration and communication skills while working on the project with a team.

What's next for BiteFight

Enhanced AI Features: Plan to refine and expand the AI algorithms to include more diverse cuisines and personalized recipe recommendations. User Feedback Integration: Gather and incorporate user feedback to continuously improve the app's functionality and user experience. Additional Filters: Implement more advanced filtering options to cater to a wider range of dietary preferences and restrictions.

Built With

Share this project:

Updates