A mobile performance state optimization app that helps users access flow states through intuitive gestural interactions and personalized music integration.
Download Android APK
Android 5.0+. Enable "Install from Unknown Sources" when prompted.
 |
 |
 |
| Energy State Selection | Intensity Calibration | Visual Reinforcement |
Accessing optimal mental states for performance, whether it's for athletics, creative work, or presentations, typically requires extensive practice or external guidance. Most existing solutions are either too rigid (guided meditations) or too passive (background music apps), failing to engage users in the active process of state selection and intensity calibration.
Entheos Now uses subtle, gesture-based interactions to help users consciously select and calibrate their desired mental state. The app combines psychology principles with intuitive UX design to create an "undercurrent" experience; guidance that feels natural rather than prescriptive.
- Energy State Selection - Diagonal split interface for choosing warm (activation) or cool (calm) energy states
- Intensity Calibration - Spiral gesture control for fine-tuning state intensity (0-100%)
- Visual Reinforcement - Responsive visualizer that reflects chosen state and intensity
- Music Integration (in development) - Curated Spotify playlists matched to selected state
Stack:
- React Native + Expo (cross-platform mobile)
- TypeScript (type safety and developer experience)
- Animated API with native drivers (60fps animations)
- PanResponder (complex gesture handling)
- Diagonal touch detection: Coordinate geometry for precise triangle area detection
- Spiral gesture recognition: Cumulative rotation tracking with bidirectional intensity control
- Animation performance: Native driver usage for smooth 60fps animations across multiple layers
- State management: Clean component communication pattern for navigation and data flow
App.tsx (navigation controller)
├── Diagonal Selection Screen
│ └── Touch detection with geometric calculations
├── Intensity Slider Component
│ └── Spiral gesture with long-press confirmation
└── Music Visualizer Component
└── Energy-responsive animations with intensity scaling
: "Subtlety at every level" - minimal text, intuitive interactions, visual feedback that guides without overwhelming.
Completed:
✅ Diagonal energy state selection with animated triangles
✅ Spiral gesture intensity control (clockwise to build, counter-clockwise to unwind)
✅ Long-press confirmation pattern (800ms hold to proceed)
✅ Responsive music visualizer with flowing elements
✅ Back navigation between all screens
✅ Energy-responsive color systems and animation speeds
🔄 Spotify API integration for curated playlist playback
🔄 Music-reactive visualizations
📋 User preference persistence
📋 Additional gesture interactions (reset, refinement)
📋 Advanced visual patterns
# Install dependencies npm install
# Start Expo development server npx expo start
# Scan QR code with Expo Go app (iOS/Android) # Or press 'a' for Android emulator, 'i' for iOS simulator
This project explores:
- Gestural interaction design - How can touch patterns convey meaning beyond tapping?
- Subtle guidance - How do you help users without explicit instructions?
- Performance psychology - How can technology facilitate mental state access?
- Animation as communication - Visual feedback that feels natural, not decorative