A premium, production-grade personal AI assistant mobile app built with React Native and Expo. Seamlessly integrates with third-party tools (via Composio architecture) while providing a high-end, responsive dark-mode user experience.
- Premium Chat UI: Responsive message bubbles, typing input, and inline interactive action cards (Tool Cards).
- Authentication: Onboarding and Sign In screens with mock local persistence (via Expo Secure Store).
- Integrations: A sleek Connections tab to view, search, connect, and disconnect third-party services.
- Settings & Profile: Managing preferences, theme toggling, and app info.
- State Management: Optimized data fetching and caching via
@tanstack/react-query, and lightweight global UI state viazustand. - Styling:
nativewind(Tailwind CSS) powered premium dark aesthetic.
We enforce strict separation of concerns:
app/: Expo Router topology defining navigation.components/ui/: Pure UI elements (Shell, Buttons, Badges, Search).components/chat/: Feature-specific components (Messages, Compose bar).services/api.ts: The mocked API communication layer.store/: Zustand singletons.
The app relies on services/api.ts. Currently, this file returns static mocked promises with simulated network latency.
To integrate the real backend (including Composio OAuth endpoints and ChatGPT API interactions):
- Open
services/api.ts. - Replace the simulated
delay()mock responses with realfetchoraxioscalls pointing to your API. - Ensure the return types align with
types/index.ts. No UI component refactoring is necessary as long as the types match.
npm installnpx expo start- Scan the QR code with your Expo Go app, or press
a/ito launch an emulator.