English Learning Adventure

Longli

Gamified Learning, Interactive Games, Kids Education, Voice Recognition, Progress Tracking, Colorful Design
Longli App Logo - English Learning for Kids
Longli App Screenshot

About The App

English Learning Made Fun

Longli is an innovative Android application designed to transform English learning into an exciting adventure for children. Through gamified learning experiences, interactive games, and colorful animations, kids develop essential language skills while having fun.

Project Overview

Longli โ€“ English Learning App for Primary School Students

Longli is an educational Android app designed to support primary school learners as they begin studying Englishโ€”a response to the recent introduction of English into the local curriculum, where few digital learning resources were available.

The app serves as a self-paced, interactive companion to the official school book, offering a variety of engaging activities such as memory games, flashcards, pronunciation, and listening exercises. Content is carefully organized into chapters like "Home," "Friends," and "School," helping students gradually build a foundational English vocabulary suited for first-time learners.

With Longli, young students can practice key language skills outside the classroom in a fun and accessible way, making the learning process more enjoyable and effective.

Key Features

App Features

Amazing Learning Features

๐ŸŽฎ Play & exercise

Play and learn new and useful words through interesting memory games and earn many points

๐ŸŽจ Watch hear and repeat

The visual memory is an excellent tool for linking the image, meaning and correct pronunciation, and this is thanks to the fun flash cards

๐Ÿ”Š Learn the correct pronunciation

Learn the correct pronunciation of words as if you hear them from a British person

๐Ÿ“Š Progress Tracking

gamified Point System

App Gallery

Screenshots & Interface

Technology Stack

Built With Modern Tech

Frontend & Mobile

React Native CLI Cross-platform mobile framework
Tailwind CSS Utility-first CSS framework
React Navigation Screen routing & navigation

Backend & Database

Supabase Backend-as-a-Service platform
PostgreSQL Real-time database
Authentication User management & security

State & Logic

Redux Toolkit State management & API calls
XState State machine logic
Framer Motion Animations & interactions