You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Compatibility Talk
A beautiful interpersonal communication guide app that helps people understand and connect better through various personality frameworks.
## Features
### Personality Frameworks
- **Western Astrology** - 12 zodiac signs with detailed traits
- **Chinese Zodiac** - 12 animal signs based on birth year
- **Enneagram** - 9 personality types
- **Love Languages** - 5 ways people express and receive love
- **MBTI** - 16 personality types
### For Each Framework Type
1. **Definition** - Clear explanation of what the type means
2. **As a Partner** - Why this type makes a good partner/spouse
3. **As a Lover** - How this type expresses romantic and intimate connection
4. **Communication Style** - How this type prefers to communicate
5. **Strengths** - Positive traits and abilities
6. **Challenges** - Areas for growth
### His & Hers Compatibility Calculator
Compare his type and her type within a framework to get gender-specific insights:
- **Compatibility Score** - Overall connection potential
- **Understanding Him** - How he expresses his type as a man
- **Understanding Her** - How she expresses her type as a woman
- **Connection Strengths** - What works well together
- **Communication Tips** - How to best communicate
- **As Lovers** - Sexual and romantic compatibility insights (gender-specific)
- **Potential Challenges** - What to watch out for
- **Intimacy Insights** - How to connect on a deeper level
## Design
- Dark celestial theme with deep blues and indigo gradients
- Gold accents for highlights
- Pink/rose tones for intimacy sections
- Smooth animations using react-native-reanimated
- Card-based UI following iOS design patterns
## Tech Stack
- Expo SDK 53 with React Native
- Expo Router for navigation
- NativeWind (Tailwind) for styling
- React Native Reanimated for animations
- Lucide icons
## Structure
```
src/
app/
index.tsx - Home screen with framework cards
framework/[id].tsx - Framework detail with type selection
compatibility/[frameworkId].tsx - Compatibility calculator
lib/
data.ts - Framework data and compatibility logic
types.ts - TypeScript interfaces
```
# CompatibilityTalk