The Campus Creamery rewards app was developed as a team project in collaboration with Google Developer Groups (GDG) to bring WashU’s late-night
dessert experience at Campus Creamery to a mobile platform. Designed as a digital menu and loyalty rewards app, it enables students to browse offerings,
log in securely, and earn points for rewards. The app features a fun, space-themed interface and integrates Firebase for authentication and real-time data management.
< Project Goals >
Provide an engaging, mobile-first experience for accessing menu items.
Enable secure student login via Firebase Authentication.
Lay the groundwork for a loyalty system to increase customer retention.
Maintain consistent theming and usability across screens.
Leverage real-time backend services for a dynamic experience.
< Tech Stack >
Frontend
React Native (TypeScript): Core mobile framework
Expo: Used for development and deployment
Firebase Authentication: Handles user sign-up/login
Backend
Node.js + Express.js: Backend server and API handling
Firebase Admin SDK: Secure backend access to Firebase
Firestore: Stores menu items, users, and event data
< Key Features >
Authentication System
The app includes a secure authentication system using Firebase, allowing users to sign up, log in, and manage their accounts.
Firebase Authentication handles session management and ensures smooth, protected access to user-specific data.
Menu Page
The Menu Page displays real-time data by connecting directly to Firestore, allowing users to browse up-to-date menu items and categories.
Any changes made in the database are instantly reflected in the app without needing a refresh.
Profile Page
The Profile Page allows users to view and manage their account information in a clean, intuitive layout. It serves as a hub for user
settings and, loyalty rewards tracking.
Loyalty Rewards System
A fully designed Rewards section featured point-earning logic, a visual progress tracker, and a tiered rewards model to incentivize repeat
engagement. Although this system was not fully implemented in the final build, it was created to support user retention through gamified incentives.
< My Contributions >
Design
As a co-UI/UX designer and frontend developer on this GDG team project, I was responsible for both visual design and implementation. I created high-fidelity
designs for the Home Page Navigation Bar, Menu Page, and Profile/Login Page, ensuring a consistent and engaging space-themed experience throughout the app. I also
designed a detailed Rewards section for the Profile page, which included a point tracking system, a reward redemption interface, and a tiered rewards model to encourage repeat engagement.
Although this Rewards section was fully designed, it was not implemented in the final version of the app.
Development and Collaboration
On the development side, I coded the Menu Page using React Native with TypeScript, pulling dynamic content from Firestore and styling the components for usability and visual cohesion. Throughout the project, I actively participated in team discussions, sprint planning, and code reviews, contributing to a collaborative and iterative development process.
