JumBelly | Devpost

Inspiration

We noticed that, while Tufts offered an online version of the menu, no one ever used it. When we looked into it, we realized that the menu was not very usable or intuitive, and that there was a much better way to present all the info.

What it does

JumBelly is a new dining solution at Tufts that addresses practical needs of students at Tufts, including a more intuitive and aesthetic UI and UX. We wanted Tufts students to be more informed on what food options are available to them, and aware of their nutritional values in an easily-digestable format. We also introduce the make-me-a-meal feature, in which the user inputs some basic nutritional goals, and is provided with suggestions of what to eat on campus to meet those goals. It's an easy and fun way to explore dining possibilities on campus!

How we built it

Node project with TypeScript and Tailwind for styling. We pulled data from the nutrislice API to populate our menu. We fed form results to Gemini to create the meal suggestions

Challenges we ran into

One challenge we encountered as a team was the conflict of interest of how to design the website. We each had our own idea of how we envisioned the final product and it was difficult to navigate some of these conflicting design choices.

Accomplishments that we're proud of

Integrating Gemini to create meal suggestions

What we learned

Teaching/learning UI/UX design, generative AI integration, and project management.

What's next for JumBelly

We would like to add the ability to filter the menu output based on allergies and other eating preferences. We also would like to make the app responsive to be used as a mobile app, as we imagine this would be the more popular use case. For the make-me-a-meal feature, we initially wanted to have two tracks - 1 based on nutrition goals, and the other whicch would have run questions like a Buzzfeed quiz and spit out results from those.