MatchaMatch

A swipe-based networking platform for students to find mentors, peers, and career opportunities through meaningful connections.

Comment

Inspiration

Networking as a student often feels transactional, intimidating, or scattered across too many platforms. We wanted to create a place that feels like a cozy tea shop—where the pressure is low, but the potential for meaningful connection is high. MatchaMatch was born from the idea of "brewing" professional relationships naturally, whether you're looking for a mentor, a study buddy, or your next internship opportunity.

What it does

MatchaMatch is a swipe-based professional networking platform designed specifically for the student-to-professional pipeline.

  • Swipe & Sip: Discover peers and professionals based on shared interests, majors, and industry goals.
  • The Matcha Board: A community hub for sharing internship experiences, asking career questions, and finding startup coffee chats.
  • Real-time Brewing: Instant messaging with matches to turn a digital connection into a real-world conversation.
  • Availability Matching: Instead of back-and-forth scheduling, users can see when their matches are free (Lunch, Afternoon, Evening) right on their profiles.

How we built it

We built MatchaMatch using a modern full-stack architecture:

  • Frontend: React 18 with Vite for a lightning-fast UI, styled with Tailwind CSS for a unique "Matcha-themed" aesthetic.
  • Backend: A custom Express server managing API routes and serving as a proxy for secure operations.
  • Database & Auth: Firebase (Firestore) powers the real-time matching and community board, while Firebase Authentication handles secure user onboarding.
  • Animations: Motion (Framer Motion) was used to give the "Cheers" (matching) experience a polished, high-end feel.

Challenges we ran into

One of the biggest hurdles was managing the complex state of "Mutual Matches." Ensuring that both users instantly see when a "Cheers" happens required careful synchronization of Firestore snapshots. We also faced challenges in making a "Full Demo" experience—creating specialized seeding scripts to populate the world with "Professional Bots" so new users never feel like they are in an empty room.

Accomplishments that we're proud of

  • Unified Experience: Building a platform that combines the fun of swiping with the utility of a community forum.
  • The Design Language: We moved away from generic "professional" blues and created a warm, distinctive "Matcha" brand identity that stands out in the networking space.
  • The Seeding Engine: Developed a one-click "Seed Full Demo" button that instantly populates the app with 20+ posts, multiple matches, and pre-filled chat histories.

What we learned

We learned a massive amount about the nuances of real-time database architecture—specifically how to structure Firestore rules to be bulletproof while still allowing for flexible user interactions. We also gained a deeper appreciation for "Human-Centric Design," learning how small touches (like adding "Weekly Availability" to a profile) can remove huge barriers to networking.

What's next for MatchaMatch

  • Campus Verified Badges: Integrating university email verification to ensure a safe, student-first environment.
  • Matcha Events: A map-based feature to find physical "Matcha Meetups" happening in local coworking spaces or cafes.

Built With

Share this project:

Updates