Case Study

Foodie Fiesta

Semester-long web dev project that catalogs campus eateries with dietary filters, ratings, and dashboards evaluated by Sir Salman Afsar.

ReactReact
Tailwind CSSTailwind CSS
Firebase AuthFirebase Auth
Cloud FirestoreCloud Firestore
Chart.jsChart.js
React RouterReact Router

Overview

Foodie Fiesta is the semester project I delivered during our web development course to help students discover campus dining options.

Problem

  • Students lacked a central source for campus dining insights.
  • Dietary tags and allergens were inconsistently shared.
  • Faculty wanted data for semester project evaluations.

Solution

  • Responsive directory supports cuisine and dietary filters.
  • Ratings/reviews capture student sentiment on each vendor.
  • Analytics dashboard surfaces trends for faculty feedback.

Research & Techniques

  • Surveyed classmates to prioritize features.
  • Modeled Firestore collections for scalable queries.
  • Iterated UI with feedback from Sir Salman Afsar.

Results

  • Earned distinction during semester evaluation.
  • Became reference project for future cohorts.
  • Opened conversations with vendors for collaboration.

Key Features

Tap a feature to explore how it supports the experience.

Searchable restaurant directory with cuisine filters

Tech Stack

ReactTailwind CSSFirebase AuthCloud FirestoreChart.jsReact Router