Mmmatch

What it does

Our mobile platform is designed to actively combat food waste by offering personalized recipe recommendations through an interactive chatbot. Once you receive your tailored suggestions, you engage with them in a dynamic, Tinder-style interface—swiping left to like a recipe and right to reject it. All your preferred recipes are saved to your favorites for easy access. Plus, you can browse and explore recipes that have been liked and shared by other users, further enhancing your culinary experience while contributing to reducing food waste

How we built it

We developed the mobile site using Next.js, leveraging its fast and dynamic capabilities for a responsive front-end, while Supabase provided a robust backend with real-time database, authentication, and storage features. The design process began with crafting wireframes and high-fidelity mockups in Figma, which enabled us to iterate quickly and ensure a user-friendly, visually appealing interface. Additionally, we mapped out the app’s workflows and user journeys through FigJam, allowing our team to collaborate effectively and align on the overall structure before diving into development. This approach ensured both a smooth design process and a seamless final product.

Challenges we ran into

We ran into multiple coding roadblocks that hinder our progress. Due to unfamiliarity with TailwindCSS, we struggled with setting it up properly and implementing our styling from Figma. We also ran into a lot of RLS issues with supabase when dealing with modifying our SQL tables. The chatbot feature took the most time, as most documentation was in Python, and we had to learn how LLMs worked.

Accomplishments that we're proud of

We got the chatbot to work and output recipes. We were also able to get the design implemented and the UI. We are also proud with our progress using the Spoonacular API.

What we learned

Coming as first or second time hackers, we learned a lot about different technologies. We learned solid fundamentals in TailwindCSS, how to create functional LLM chat interfaces, and how to prioritize tasks when time is running low. We also learned about how to read documentation especially when learning new technologies.

What's next for Mmmatch

We would like to implement all of the functionalities of the app eventually, such as liking recipes and the swiping for Tinder. Additionally, some of the styling could be improved on the app as well.

Built With

• gemini
• next.js
• spoontacular
• supabase