UCSBDine-In

Database
Dining Hall Menu
Food Reviews
Homepage

Inspiration

We were inspired by our rumbling stomachs one day during lunch at the dining commons.

What it does

UCSB-Dine-In displays the most highly rated UCSB dining hall items and allows users to rate individual menu items at each of UCSB's four dining halls.

How we built it

We used a NextJS and Supabase tech stack to build UCSB-Dine-In backend. Additionally, we utilized the UCSB Dining Menu API to fetch the current day's menu items. For the frontend, we used TailwindCSS and Typescript.

Challenges we ran into

We had most difficulty with the project's version control through Git, familiarizing ourselves with Typescript and NextJS conventions and figuring out how to properly handle API calls from the UCSB API and our Supabase Database. Also, storing images in our database and fetching them to be displayed was something we had a difficult time implementing.

Accomplishments that we're proud of

We are proud of making a finished product and learning a lot about software development and collaborating in a team during these 24 hours.

What we learned

We learned that coding for many hours on end is extremely taxing and should not be underestimated. However, we found this experience rewarding and fun at the same.