Drinksity

What is it?

Drinksity is a dual-sided iOS mobile platform (user + producer) originally started in previous class years and further developed as a Software Engineering Capstone. The app was developed to connect craft beverage enthusiasts to local producers via interactive maps and real-time community reviews. Drinksity was engineered to deliver an authentic, regionally tailored exploration experience, featuring dynamic beverage "passports" and expansive New York State trail coverage.

Project Overview

Role: Full-stack Developer

Tech Stack

Languages: Swift, SwiftUI

Architecture: MVVM (Model-View-ViewModel)

Backend: Firebase (Auth, Firestore, Storage)

APIs: Google Maps SDK

Tools

IDE: Xcode

Design & Wireframes: Figma

Version Control: Git, GitHub

Collaboration: Agile/Scrum & Branching Workflow

View on GitHub Watch Demo Video

What I Worked On

Drink details page mockup

Drink Details Page

  • Dynamic Drink Data: Live details pulled from Firestore.
  • Interactive Layout: Card-style attributes (type, ABV, alcohol content).
  • Review System: View existing reviews & add new ones.
  • Analytics Tracking: Logs events with Firebase Analytics.
  • Accessibility & Responsiveness: Proper text scaling, spacing, and hierarchy.
Reviews mock

Drink Details - Reviews/Ratings

  • Firestore-backed threads: Real-time reads and writes.
  • Average Rating: Calculate & updates the drink's avg star rating from all users.
  • Interactive Review Cards: Each review shows star rating, reviewer name, comment, and timestamp.
  • User Engagement Focused: Enhances community interaction with mulitple perspectives on drinks
Event detail mock

Event Details Page

  • Calendar-friendly data: Date/time formatting with locale awareness.
  • Dynamic Event Data: Event details pulled from Firestore, ensuring real-time updates.
  • Consistent UI Styling: Card-style containers & iconography provide familiarity and intuitive navigation.
  • Google Maps Integration: Embedded map expands into full interactive Google Map when clicked, allowing users to zoom, pan, and explore surrounding areas.
  • Customized Map Pin: Venue is marked with a custom icon instead of default marker, reinforcing the app's craft-drink identity.
  • Accessibility-Friendly Design: Clear hierarchy with semantic labeling for screen readers.
Reviews mock

Passport Trails Page

  • Empty State Guidance: Provides clear instructional message to guide users.
  • Trail Picker Dropdown: Prompts users to select a trail before displaying locations.
  • Tabbed Navigation: Lets users toggle between "Trails" & "Passports" for flexible exploration.
  • Seamless UX Flow: Designed to transition smoothly into interactive map view once a trail is chosen.
Event detail mock

Trails Page - Selected Trail

  • Dynamic Location Mapping: Fetches trail data from Firestore and renders associated venues directly on Google Maps.
  • Interactive Map Pins: Each location is marked with pin that expands into brewery details(name, address) when tapped.
  • Location Filtering: Once map is loaded, users can filter which locations they want to appear on the map.
  • Full Interactive Map View: Embedded map expands into a zoomable, pannable Google Map, giving users navigation flexibility.

Research & User-Centered Design

  • User Interviews: Major demand discovered for comprehensive craft beverage detail pages, including specification, provenance, and interactive review systems.
  • Interface Design for Engagement: Designed interface flows to maximize community engagement, drive event attendance, and spotlight local producers through meaningful digital connections.
  • Professional Deliverables: Academic poster(below), system architecture diagrams, and UML use cases showcased technical depth and research alignment. Along with prototyping in Figma to visualize user flows.

Research Poster Presentation