KOMATE
Mobile AI Companion
A mental health companion app architected to provide a safe space for emotional release. Built with React Native and Expo, KOMATE features fluid, high-performance animations (Lottie & Skia) and an empathetic AI advisor powered by a streaming FastAPI backend.
Core Mobile Stack
High-Fidelity Animations
& Seamless Transitions
A mental health app must feel calm and responsive. I engineered the UI using React Native Reanimated v3 and Lottie for complex state-driven animations that maintain a steady 60 FPS.
Safe Space Engineering
To create a truly supportive environment, I implemented visual grounding techniques using React Native Skia. This allows for complex, GPU-accelerated canvas rendering that creates soothing, interactive visual patterns.
The backend, built with FastAPI, utilizes asynchronous streaming to deliver AI empathetic responses with minimal perceived latency, ensuring the conversation flows naturally.
01 EMOTIONAL PARSING
FastAPI analyzes sentiment and selects appropriate empathy paths.
02 ANIMATION TRIGGER
Lottie & Reanimated synchronize visual feedback with AI tone.
03 GPU ACCELERATION
Skia renders interactive grounding visuals on the dedicated GPU thread.
04 CATHARTIC RELEASE
Seamless state transitions → Interactive "Kotak Syukur" logging.
Fluid Mobile Experience
Interactive Expo Router Navigation
A cohesive and responsive mobile interface built on top of Expo Router. The app utilizes shared element transitions and gesture-based navigation to create a sense of continuity and focus.
- Expo Router for deep linking
- Shared element transitions
- Custom gesture-based UI
- Native performance via React Native
AI Empathy & Catharsis
Supportive AI Chat Interaction
An empathetic conversational interface designed specifically for mental support. Answers are delivered via streaming to reduce perceived latency, and the UI adapts its visual tone (colors & animations) to match the conversation's emotional context.
- FastAPI Async Streaming
- Dynamic UI state adaptation
- Sentiment-aware response paths
- Supportive grounding prompts
Langit Harapan
Skia-based Grounding Technique
An interactive visual meditation tool built with React Native Skia. It provides users with a GPU-accelerated canvas where they can engage in mindfulness exercises through touch-driven visual patterns.
- React Native Skia rendering
- GPU-accelerated canvas
- Interactive touch feedback
- Mindfulness focused design
Gratitude Box
Positive Habit Formation
A dedicated feature for recording moments of gratitude, designed to foster long-term mental wellness. Features a polished UI with subtle micro-animations that make the process of reflection feel rewarding.
- Interactive logging interface
- Firebase real-time persistence
- Positive feedback animations
- Progressive disclosure design
Mobile App Stack
React Native
Core Framework
Expo
App Platform
FastAPI
Python Backend
Lottie
Vector Animation
React Native Skia
2D Graphics
Firebase
Auth & Database
NativeWind
Styling
Reanimated v3
Physics Engine
Expo Router
Navigation
Empathetic UX & Mobile Performance
KOMATE demonstrates my ability to build high-performance universal mobile applications that bridge complex backend logic with smooth, empathetic user experiences.