================================================================================
JumBelly
================================================================================
Created by: JumboPack (Jack Burton, John Cha, Tyler Lin, Vedant Modi, 
Donatello Sassaroli, Yasmina Torres)

Presented at JumboHack 2025 under the Education track.

JumBelly is a new dining solution 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 possibilites on campus!

Team Member Contributions:
    Jack Burton: Primarly did backend, focusing on using Nutrislice API and setting up Gemini API.
    John Cha: Designed and implemented making a meal feature.
    Tyler Lin: Designed and implemented frontend menu feature. Engineered backend route for interfacing with Nutrislice.
    Vedant Modi: Backend developer. Configured Menu Data structures, setting up Gemini prompts, and integrating Gemini.
    Donatello Sassaroli: Helped with site's interface design; front-end of landing page
    Yasmina Torres: Lead designer for interface and logo; helped with front-end of landing page

ACKNOWLEDGEMENTS
We used Gemini to produce the meal suggestions based on user input. We used Tufts 
Dining API to fetch relevant data. We also used the Tufts Dining logo as a base
for a button.

REFLECTION
<What motivated your team to choose this project?>
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.
<Potential future work/improvements?>
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.
<What is a challenge you encountered while making this?>
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.
<What is a fun or interesting experience you had with another hacker?>
Teaching/learning UI/UX design.




================================================================================
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.