(2/2) Build a Language Learning Mobile App: Expo, Supabase, OpenRouter, React, TypeScript (2026) скачать в хорошем качестве

(2/2) Build a Language Learning Mobile App: Expo, Supabase, OpenRouter, React, TypeScript (2026)

Source code: https://github.com/Andreaswt/mandarin... Part 1:    • Build a Language Learning Mobile App: Expo...   Discord & More: https://andreastrolle.com Hi 🤙 In this project, you'll build a mobile-first AI language learning app focused on spoken Mandarin. The app combines structured lessons, listening/speaking drills, and real-time roleplay conversations powered by LLMs. Users can sign in with magic links, complete onboarding, practise across a curriculum, track speaking/listening minutes, and unlock premium features like custom AI-generated scenarios. We'll use technologies such as Expo (React Native), TypeScript, Expo Router, Supabase Auth + Postgres + Edge Functions, OpenRouter, Expo AV/Speech, and more. This is part 2 of the tutorial. Features: 📱 Cross-platform iOS/Android app with Expo + Expo Router 🔐 Passwordless authentication with Supabase magic links 🧭 Personalized onboarding flow (level, motivation, interests) 📚 Structured Mandarin curriculum (12 chapters, 86 lessons) 🎧 Listening + speaking practice modes with progress tracking 🎙️ Voice recording and AI transcription for pronunciation practice 💬 Real-time AI roleplay conversations with scenario goals/tasks ✨ Custom scenario generation 📈 Speaking/listening stats and lesson completion tracking 💳 In-app paywall flow 📖 Chapters 0:00 Lesson content 01:25:34 OpenRouter setup 02:06:40 Feedback view 02:38:15 Conversation complete screen 03:19:55 Sentence breakdown card 04:08:38 Conversations page w. scenario generation 05:52:39 Chat conversation screen 07:15:19 Profile 07:39:21 End note