A full-featured mobile language learning platform built with Expo, React Native, and TypeScript — powered by AI tools for smarter, faster learning.
Language App is a cross-platform mobile application designed to help learners build language skills through structured lessons, interactive practice, and AI-assisted tools. The app covers four core skill areas — Reading, Listening, Speaking, and Writing — alongside a smart Dictionary, spaced-repetition Flashcards, and a community-driven content ecosystem.
Whether you're a beginner or an advanced learner, Language App provides a personalized, engaging environment to explore and master new languages.
- 🏠 Home Dashboard — Personalized greeting, search bar, featured offers, language categories, and popular courses
- 📖 Study Hub — Explore community lessons, manage your own content, take online exams, and practice with flashcards or mini quizzes
- 🔍 AI-Powered Dictionary — Smart Insight for deep word context and Visual Vocabulary for image-based word extraction
- 🧠 Flashcard System — Deck management, bulk creation, AI-generated cards, and spaced repetition review
- ✍️ Writing Practice — AI pre-writing toolkit: brainstorm, outline, thesis generator, phrase bank, vocabulary pack, and more
- 🎧 Listening Practice — Audio playback, transcript access, attempt tracking, and progress review
- 🗣️ Speaking Practice — Prompt-based speaking attempts with result history and review flow
- 📝 Reading Practice — Annotated passages, notes, highlights, bookmarks, saved words, and assessment quizzes
- 🌐 Multi-Language Dictionary — Curated dictionary browsing across a supported set of languages
- 🔐 Authentication — Email/password login and registration with JWT stored securely via Expo Secure Store
 Splash Screen |
 Login |
 Home |
 Study |
 Dictionary |
 Profile |
language-learning-app/
├── app/ # Screens and route structure (Expo Router)
│ ├── (onboarding)/
│ ├── (login)/
│ ├── (signup)/
│ ├── (account_setup)/
│ └── (tabs)/
├── components/ # Reusable UI components
├── src/
│ ├── config/ # App configuration
│ ├── constants/ # Supported languages and other constants
│ ├── services/ # Modular API service layer
│ └── storage/ # Token storage and user helpers
Splash Screen
└── Onboarding
├── Login ──────────────────────────┐
└── Signup → Account Setup │
▼
(tabs) Main App
├── 🏠 Home
├── 📖 Study
├── 🔍 Dictionary
└── 👤 Profile
After successful login, the app redirects to the main tab interface at /(tabs)/home.
The Home tab serves as a personal dashboard featuring a greeting header, content search bar, promotional banners, browsable language categories, and popular course listings.
The Study tab is the central learning hub, organized into:
- Content — Explore public/community lessons or manage your own drafts and published items
- Core Tools — Online Exam (full timed tests), Flashcards (spaced repetition), Mini Quiz (5–10 min warm-up)
- Skills Practice — Direct access to Reading, Listening, Speaking, and Writing practice modules
The Dictionary tab offers:
- Smart Insight — AI-powered deep explanations with real-world context and usage examples
- Visual Vocabulary — Take or upload a photo and instantly extract related vocabulary
- Language Dictionaries — Browse a curated set of supported languages (Arabic, Chinese, Danish, Dutch, and more)
- Create and manage flashcard decks
- Bulk-create or AI-generate cards from a text or topic
- Explore public decks from the community
- Review with spaced repetition and track global progress stats
- Read annotated passages
- Add inline notes, highlights, and bookmarks
- Save vocabulary words
- Complete assessments and review attempt history
- Full listening content detail view
- Integrated audio playback and transcript access
- Attempt flow with results and review
- Progress tracking and related content suggestions
- Prompt-based speaking attempts
- Resume unfinished attempts
- View latest results and full attempt history
Full AI-assisted pre-writing toolkit including:
- Brainstorm, Outline, Vocabulary Pack, Checklist
- Analyze Prompt, Translate Prompt, Simplify Prompt
- Thesis Generator, Topic Sentences, Examples, Phrase Bank
Users can publish, unpublish, archive, duplicate, report, and upload audio for content items.
- View and edit user information
- Manage account settings: personal info, language options, theme, account deletion
- Access support center and FAQ
- Logout
The app connects to an external REST API:
Base URL: https://language-learning-app-backend-fuln.onrender.com/api
The service layer is modular and covers the following domains:
auth · users · AI · words · content categories · content items · flashcards · flashcard decks · flashcard progress · reading · listening · speaking · writing
# Clone the repository
git clone https://github.com/DangHuuLong/Language-Learning-App.git
cd Language-Learning-App
# Install dependencies
npm install# Start Expo development server
npx expo start
# Run on Android
npx expo run:android
# Run on iOS
npx expo run:ios
# Run on Web
npx expo start --web| Script | Description |
|---|---|
npx expo start |
Start the Expo development server |
npx expo run:android |
Build and run on Android |
npx expo run:ios |
Build and run on iOS |
npx expo start --web |
Run in web browser |
npm run lint |
Run linter |
This project uses EAS Build with three configured profiles:
| Profile | Purpose |
|---|---|
development |
Local development builds |
preview |
Internal testing and QA |
production |
App Store / Play Store release |
To trigger a build:
eas build --profile production --platform androidYou can install the latest Android preview build directly via the link below:
Scan the QR code on the build page or tap the link on your Android device to install.
- The app targets a curated set of supported languages to ensure stability and quality across AI-powered features.
- The login screen includes UI elements for "Forgot Password" and social login buttons (Facebook, Google); full backend support for these flows has not been confirmed.
- The backend is hosted externally; no local backend setup is required to run the mobile app in development mode.
- All JWT tokens are stored securely using Expo Secure Store and never exposed to local storage.
Built with ❤️ by DangHuuLong using Expo & React Native