Skip to content

Pocket English

Tahun 2026 EdTech & Pembelajaran Bahasa

Pocket English

Aplikasi web flashcard mobile-first untuk melatih respons bahasa Inggris natural dalam situasi nyata: 600 kartu, 1.800 ungkapan multi-tone, evaluasi 3 tingkat, dan Web Speech audio.

01

Ringkasan Project

Peran
Frontend Developer & Product Designer
Tahun
2026
Sektor
EdTech & Pembelajaran Bahasa
Stack
  • React 19
  • Vite 6
  • Tailwind CSS v4
  • Web Speech API
  • LocalStorage
02

Problem dan Solusi

Pocket English - Ringkasan

Pocket English adalah aplikasi web flashcard interaktif mobile-first yang dirancang untuk membantu pembelajar dan profesional melatih respons bahasa Inggris yang natural dalam situasi nyata. Alih-alih menghafal kata per kata atau terjemahan literal, pengguna dihadapkan pada skenario situasi bahasa Indonesia di dunia kerja (Work), wawancara kerja (Interview), dan percakapan santai (Casual), lalu dipandu melalui siklus kognitif cepat: Pikirkan → Buka Jawaban → Nilai → Review.

Aplikasi ini dibangun dengan pendekatan product-first dan local-first: pengguna dapat langsung berlatih dalam 3–5 menit tanpa registrasi, tanpa autentikasi backend, serta memanfaatkan Web Speech API untuk pelafalan audio langsung di perangkat browser.

Baca studi kasus

03

Cara Belajar

01

Pikirkan

Baca situasi dalam bahasa Indonesia, lalu coba pikirkan bagaimana kamu akan mengatakannya secara natural dalam bahasa Inggris.

02

Buka Jawaban

Ketuk kartu atau tekan Space untuk melihat 2–3 variasi ungkapan bahasa Inggris dengan nada Formal, Polite, Neutral, atau Casual.

03

Nilai Pemahaman

Nilai tingkat ingatanmu: Again (belum ingat), Unsure (ragu-ragu), atau Got it (paham mantap).

04

Review Bertarget

Kartu bertatus Again dan Unsure otomatis masuk ke antrean review terpisah untuk dilatih ulang sampai tuntas.

04

Galeri Screenshot

05

Diagram Arsitektur

Dataset JSON statis, React 19 UI, useFlashcardSession engine, Web Speech API audio, dan browser localStorage.
06

Highlight Fitur

learning flow

Pikirkan respons situasi, buka kartu multi-tone, evaluasi tingkat pemahaman, dan review bertarget.

07

Studi Kasus Rekayasa

Tertarik berdiskusi tentang project ini?

Tertarik berdiskusi tentang project ini?

Kirim email