Overview
Cross-platform mobile learning application built with React Native (Expo) featuring on-device AI inference via WebLLM (@mlc-ai/web-llm), offline-first architecture with encrypted local storage, push notifications, text-to-speech, Lottie animations, and haptic feedback. Targets Indonesian learners with a nusantara-inspired design. Crash reporting via Sentry, state management with Zustand, and secure storage with expo-secure-store.
The Problem
Indonesian learners — particularly students in remote areas with limited internet connectivity — lack access to quality educational tools that work offline and respect their data privacy. Existing e-learning apps require constant internet, store sensitive data in the cloud, and are not optimized for the Indonesian educational context. There is also a gap in mobile learning apps that leverage on-device AI for personalized learning without sending user data to external servers.
The Solution
NusantaraLearn is a cross-platform mobile learning application built with React Native (Expo) that features on-device AI inference via WebLLM (@mlc-ai/web-llm), enabling AI-powered learning assistance entirely offline without sending data to any server. The app uses expo-secure-store for encrypted local storage, Zustand for lightweight state management, and crypto-js for client-side data encryption. Push notifications keep learners engaged, expo-speech enables text-to-speech for accessibility, and Lottie animations provide a rich, engaging UI. Crash reporting via Sentry and performance monitoring ensure reliability.
Key Features
On-Device AI (WebLLM)
AI learning assistant powered by @mlc-ai/web-llm runs entirely on the device — no internet required, no data sent to servers. Students in remote areas get the same AI assistance as urban students.
Offline-First Architecture
All learning content, progress, and AI capabilities work without internet connectivity. Data is stored locally with expo-secure-store encryption for privacy and security.
Cross-Platform (iOS/Android/Web)
Single React Native codebase with Expo targets iOS, Android, and web browsers simultaneously, maximizing reach with a single development effort.
Accessibility Features
Text-to-speech via expo-speech reads content aloud for learners with visual impairments or reading difficulties. Haptic feedback enhances interaction clarity on mobile devices.
Encrypted Local Storage
All user data stored locally using expo-secure-store and crypto-js encryption. Student learning data, progress, and profiles never leave the device.
Production Monitoring
Sentry integration (React Native + Web) provides real-time crash reporting, performance monitoring, and error tracking to ensure reliable learning experiences.
Architecture
React Native 0.83 with Expo SDK 55 provides the cross-platform foundation. Expo Router handles file-based navigation. Zustand manages global state with minimal overhead. @mlc-ai/web-llm handles on-device LLM inference. expo-secure-store + crypto-js provide encrypted local storage. Sentry captures errors and performance data. expo-notifications handles push notification delivery. Lottie React Native renders complex animations efficiently.
How to Use
Install the app on iOS, Android, or access via web. Complete the onboarding flow to set up your learning profile. Browse learning modules organized by subject and difficulty. The on-device AI assistant answers questions and provides explanations without internet — the LLM runs entirely on your device. Use text-to-speech to have content read aloud. Enable push notifications for learning reminders and streaks. All progress is stored encrypted locally for privacy.
Impact & Results
Brings AI-powered personalized learning to Indonesian students regardless of internet connectivity by running inference on-device via WebLLM. Encrypted local storage ensures student data never leaves the device, addressing privacy concerns. The cross-platform Expo build targets iOS, Android, and Web from a single codebase, maximizing reach. Sentry crash reporting ensures production reliability. The nusantara-inspired design reflects Indonesian cultural identity, increasing engagement among the target demographic.
