Catchin' Feelings
A modern, cross-platform compatibility game designed for couples and close friends. Bringing people closer through meaningful conversations, one question at a time.
Overview
Catchin' Feelings is an interactive game that helps people discover how well they really know each other through playful questions with a modern, meme-culture twist. The experience combines real-time multiplayer functionality with thoughtfully designed game modes that spark meaningful conversations.
Built as a modern monorepo with shared packages, the project features both web (Next.js) and mobile (Expo React Native) applications, allowing seamless gameplay across all devices.
Key Features
Real-time Multiplayer
Both players see questions simultaneously with 6-digit room codes for easy joining. 30-second timers keep the excitement high while live answer tracking shows when your partner has responded.
8 Unique Game Modes
From Netflix & Chill to Spicy Takes, Future Vibes to Love Languages - each mode offers a different lens to understand your partner through curated questions.
Compatibility Scoring
See your match percentage and get personalized relationship insights based on your answers. Smart algorithms analyze compatibility across different dimensions.
Cross-Platform Experience
Mobile-first design that works perfectly on any device. Play on web, iOS, or Android with seamless synchronization across platforms.
Game Modes
Netflix & Chill
Pop culture vibes
Spicy Takes
Hot opinions
Future Vibes
Dreams & goals
Daily Grind
Everyday habits
Love Languages
Romance styles
Would You Rather
Fun hypotheticals
Green Flags
Core values
Throwback
Nostalgia
Technical Architecture
Monorepo Structure
Built as a modern monorepo using npm workspaces, enabling code sharing between web and mobile apps while maintaining independent deployments.
Web App
- • Next.js 15 + TypeScript
- • Tailwind CSS
- • Radix UI + shadcn/ui
- • Framer Motion + GSAP
Mobile App
- • Expo React Native
- • React Navigation
- • Zustand state management
- • Unified design system
Backend
- • Firebase Realtime Database
- • Firestore
- • Firebase Auth
- • Cloud Functions
Brand & Design System
Brand Personality
- •Warm & Inviting - Creates a safe space for intimate conversations
- •Playful & Fun - Lighthearted approach to serious topics
- •Modern & Fresh - Contemporary design and user experience
- •Authentic & Genuine - Encourages real, honest connections
Color Palette
Challenges & Learnings
Real-time Synchronization
Building a seamless real-time multiplayer experience required careful architecture decisions around Firebase Realtime Database and handling connection states, ensuring both players stayed in sync even with poor network conditions.
Cross-Platform Design
Creating a unified design system that works across web and mobile platforms while respecting native patterns required extensive component planning and shared design tokens.
Question Curation
Crafting questions that are engaging, appropriate, and meaningful across different relationship stages and cultural contexts was an iterative process involving extensive user testing and feedback.
Monorepo Architecture
Setting up a monorepo with shared packages between web and mobile apps enabled code reuse and faster development, but required thoughtful dependency management and build configuration.