2025 · PWA offline-first yang nyulap latihan terapi wicara jadi game seru buat balita di Indonesia.

Ayo Belajar Bicara

Tahun: 2025
Status: live
Kreator: Rendy Andika
Tag: kids
speech-therapy
pwa
education
offline-first
indonesian

The Problem

Ortu yang punya balita telat ngomong pengen latihan terapi wicara singkat di rumah, tapi kebanyakan aplikasi maunya bahasa Inggris, harus selalu online, dan iklannya bertebaran di mana-mana.

Pas sinyal ngilang di mobil atau si kecil iseng tap keluar, sesi langsung putus — anak jadi bosen, ortu nyerah duluan sebelum rutinnya kebentuk.

The Solve

Ayo Belajar Bicara nyediain enam latihan singkat bahasa Indonesia — flashcard, suku kata, pengucapan, tebak gambar & suara, plus konten Islami — dalam bentuk PWA yang bisa di-install ke home screen dan nge-cache semua aset biar tetep jalan offline.

Focus mode ala Netflix ngunci tap-tap iseng yang bikin keluar, Zustand nyatet streak sama bintang biar anak balik lagi, dan Framer Motion bikin interaksi terasa hidup tanpa bikin bundle melar.

Screens

App Flow

01Buka home screen
02Pilih mode belajar dari enam kartu warna-warni
03Pilih mode belajar
04Jalanin latihannya (flashcard, pengucapan, atau tebak-tebakan)
05Jalanin latihan
06Kumpulin bintang, streak harian update di Zustand
07Kumpulin bintang
08Naik level, buka batch kata atau suara baru
09Naik level
10Ortu pantau progres dan baca tips di panel Pendamping

Under the Hood

Next.js 14
React 18
TypeScript
Tailwind CSS
Framer Motion
Zustand
Vitest
Service Worker

Aset statis pakai strategi cache-first, sedangkan navigasi pakai network-first dengan halaman offline cadangan — jadi aplikasi tetep jalan di mobil, klinik, atau rumah yang sinyalnya naik-turun, tanpa harus narik library PWA yang berat.

Changelog

2025-12-10
Setup Vitest buat testing, plus rilis roadmap IMPROVEMENTS.
2025-11-02
Rilis PWA install prompt sama halaman offline cadangan via service worker custom.
2025-10-15
Tambahin game Tebak Suara, plus benerin emoji yang ketuker di modul Islami.