ICSSC LogoICS Student Council

ZotMeal

About

Navigating UCI's dining options at Brandywine and the Anteatery is now simpler and more informed with ZotMeal. This comprehensive menu viewer, available as a website and mobile app, is designed to enhance your campus dining experience. UCI students use ZotMeal to plan their daily meals and track progress toward their nutritional goals.

Key features of ZotMeal include:

  • Detailed Menu Viewer: Browse current and upcoming menus, allowing you to strategically plan your meal swipes and never miss your favorite dishes.
  • Allergen and Dietary Information: Make informed choices with easy access to comprehensive ingredient and allergen details for every meal.
  • Event Calendar: Stay updated on special dining hall events and limited-time offerings.
  • Dish Ratings: Contribute your own feedback to help fellow Anteaters discover the best of campus dining.

A screenshot of the ZotMeal website homepage.

Technology

ZotMeal consists of a Next.JS frontend with a shared backend. A summary of the libraries used in each are listed below.

Frontend

  • Next.js - Full-stack React framework used for the website.
  • shad/cn - A library of fully customizable, plug-n-play components for use with React.
  • Zustand - State management library for React apps.

Backend

  • Drizzle - ORM for Postgres.
  • AWS - RDS and Lambda.
  • Serverless Framework - Framework for cloud resources such as AWS Lambda.
  • tRPC - Typesafe remote procedure calls to access the underlying Postgres database.

Tooling

  • Turborepo - High-performance build system for monorepo scaling.
  • Tailwind - A utility-first CSS framework.
  • TypeScript - JavaScript with type-checking.

Contributing

We'd be happy to have your contributions to ZotMeal -- we're always looking to grow and change! Please see Getting Started to learn how to contribute effectively.

On this page