Skip to content
Ayo Belajar Bicara cover

2025 · An offline-first PWA that turns speech therapy drills into a playful game for Indonesian-speaking toddlers.

Ayo Belajar Bicara

Year
2025
Status
live
Makers
Rendy Andika
  • Rendy Andika
Tags
  • kids
  • speech-therapy
  • pwa
  • education
  • offline-first
  • indonesian

The Problem

An Indonesian parent of a late-talking toddler wants short, structured speech-therapy drills at home, but most apps assume English, demand a constant connection, and bury kids in ad-heavy menus.

Sessions stall the moment the car loses signal or a stray tap exits the activity, so the child disengages and the parent gives up before the routine sticks.

The Solve

Ayo Belajar Bicara ships six bite-sized Indonesian drills — flashcards, syllables, pronunciation, image and sound guessing, plus Islamic content — inside a PWA that installs to the home screen and caches every asset for offline use.

A Netflix-style focus mode locks accidental exits, Zustand tracks streaks and stars to reward return visits, and Framer Motion keeps interactions tactile without bloating the bundle.

Screens

App Flow

  1. 01Open home screen
  2. 02Pick a learning mode from the six color-coded cards
  3. 03Pick a learning mode
  4. 04Run the drill (flashcard, pronunciation, or guessing game)
  5. 05Run the drill
  6. 06Earn stars and update the daily streak via Zustand
  7. 07Earn stars
  8. 08Level up and unlock the next batch of words or sounds
  9. 09Level up
  10. 10Parent reviews progress and tips inside the Pendamping panel

Under the Hood

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

Static assets use cache-first while navigation requests fall back to network-first with an offline page, so the app keeps working in cars, clinics, and weak-signal homes without pulling in a heavyweight PWA library.

Changelog

  1. Introduced Vitest test setup and published the IMPROVEMENTS roadmap.

  2. Shipped PWA install prompt and offline fallback page via custom service worker.

  3. Added Tebak Suara sound-guessing game and fixed an emoji mismatch in the Islami module.