SwitchAI — Multi-Model AI Chat & Code Assistant
A unified mobile AI chat and code assistance app built with React Native. Switch between GPT and Gemini models, use voice and image inputs, and connect to Claude Code Bridge for AI-powered development — all from your phone.
Project Overview & Innovation Report
Executive Summary
SwitchAI is a production-ready React Native mobile application that serves as a unified AI chat interface and code assistance platform. Built with Expo SDK 54 and React 19, it enables users to chat with multiple AI models from OpenAI (GPT-4o, GPT-5, GPT-5.2) and Google Gemini (2.0 Flash, 2.5 Flash, 3 Flash, 3 Pro), process multimodal inputs including voice and images, and connect to Claude Code Bridge for AI-powered software development — all from a single, polished mobile experience.
Key Innovations
- 🚀Multi-Provider AI Chat supporting both OpenAI GPT and Google Gemini models with real-time streaming
- 🚀Claude Code Bridge integration for AI-assisted code generation and tool approval workflows via WebSocket
- 🚀Voice-to-Text with OpenAI Whisper for hands-free AI interaction with auto-send and review modes
- 🚀Multimodal Image Support with camera and gallery input for vision-capable AI models
- 🚀Share Intent Integration to receive text, images, and URLs from other apps and route to chat or code
- 🚀Enterprise-Grade Architecture with Clerk auth, Zustand state management, and Stripe payment support
🚀 Core Learning Modes & Features
Multi-Model AI Chat
Chat with the latest AI models from OpenAI and Google through a unified, intuitive interface. Switch between models on the fly, manage conversation history, and enjoy real-time streaming responses.
Highlights:
- ✓Support for GPT-4o, GPT-4o Mini, GPT-5, GPT-5.2, and Gemini 2.0/2.5/3 Flash and Pro models
- ✓Real-time streaming responses with Server-Sent Events (SSE)
- ✓Persistent conversation history with metadata tracking (message count, timestamps)
- ✓Seamless model switching with per-conversation model selection
Voice Input & Whisper Transcription
Record voice messages directly in the app and transcribe them using OpenAI Whisper for hands-free AI interaction. Choose between auto-send mode or review-before-sending.
Highlights:
- ✓Native microphone recording with graceful permissions handling
- ✓OpenAI Whisper API integration for accurate speech-to-text
- ✓Auto-send mode for quick voice queries
- ✓"See text" mode to review and edit transcriptions before sending
Claude Code Bridge — AI-Powered Development
Connect to a Claude Code Bridge server for advanced AI-assisted code generation and manipulation. Manage development sessions, approve tool executions, and use slash commands for code-specific workflows.
Highlights:
- ✓WebSocket-based real-time communication with Claude Code Bridge
- ✓Session management with repository paths and project context
- ✓User approval system for tool executions with accept/deny controls
- ✓Slash commands and specialized message types for code-specific operations
Image & Share Intent Support
Send images from camera or gallery for vision-capable AI analysis. Receive shared content from other apps and intelligently route it to chat or code screens.
Highlights:
- ✓Camera and photo library integration for image input
- ✓Base64 encoding and compression for efficient API transmission
- ✓Multi-image support within a single message
- ✓Share intent integration to receive text, images, and URLs from other apps
🤖 Architecture & Technical Excellence
SwitchAI is built on a modern, modular architecture with strict TypeScript, Zustand for lightweight global state, TanStack React Query for server state, and NativeWind for Tailwind-based styling. Every component is optimized for 60fps native animations with React Native Reanimated.
How It Works
- 🔹Zustand stores for model selection, share intent data, and bridge connection state
- 🔹TanStack React Query v5 for server state management and intelligent caching
- 🔹Native keyboard handling with React Native Keyboard Controller for flicker-free UX
- 🔹Internationalization with i18next supporting English and Spanish
🛠 Technology Stack
React Native
Cross-platform mobile development with Expo SDK 54 and React 19
OpenAI & Gemini
Multi-provider AI with GPT, Gemini, and Whisper integration
Clerk Auth
Authentication with Google Sign In, Apple Sign In, and email/password
WebSocket
Real-time Claude Code Bridge communication for AI-assisted development
💡 Why It Matters
SwitchAI represents a comprehensive, production-grade mobile AI platform that bridges multiple AI providers into a single, polished experience. By combining multi-model chat, voice and image input, and Claude Code Bridge for real-time code assistance, it demonstrates how modern React Native and cutting-edge AI APIs can converge to deliver a powerful, user-friendly tool for both everyday AI interaction and professional software development.