Switched to React Native (Expo) implementation for faster cross-device development.
cd react-native-speakarena
npm install
npm run startThen press:
ifor iOS simulator (if available)afor Androidwfor web preview- or scan QR via Expo Go
- Duolingo-style design system (vibrant palette, chunky button, rounded cards)
- Bottom tab navigation: Path / Arena / Drills / Profile
- Learning Path home screen (zig-zag nodes, hearts, streak, XP progress)
- Arena screen (topic card, split players, pulsing mic, timer, transcript box)
- Mascot component (
Chirp) in clean vector style
react-native-speakarena/
src/
App.js
theme/colors.js
components/
screens/
data/mock.js
- Wire real mic/transcription (
expo-av+expo-speech/ backend STT) - Add live P2P via WebRTC
- Add XP/streak persistence (Supabase/Firebase)