Skip to content

Pocket English

Year 2026 EdTech & Language Learning

Pocket English

Mobile-first flashcard web app for practicing natural English expressions in real-world scenarios: 600 cards, 1,800 multi-tone expressions, 3-tier rating, and Web Speech audio.

01

Quick Facts

Role
Frontend Developer & Product Designer
Year
2026
Sector
EdTech & Language Learning
Stack
  • React 19
  • Vite 6
  • Tailwind CSS v4
  • Web Speech API
  • LocalStorage
02

Problem & Solution

Pocket English - Overview

Pocket English is a mobile-first interactive flashcard web application designed to help learners and professionals practice natural English expressions for real-world scenarios. Instead of memorizing isolated word-for-word vocabulary or literal translations, users encounter authentic Indonesian situations across workplace (Work), job interview (Interview), and casual conversation (Casual) tracks, guided through a focused cognitive loop: Think → Reveal → Evaluate → Review.

Built with a product-first, local-first philosophy: users can practice in 3–5 minute focused sessions with zero registration or backend setup, leveraging the Web Speech API for on-device pronunciation audio.

Read case studies

03

How It Works

01

Think & Recall

Read the real-world situation in Indonesian, then recall how you would express it naturally in English.

02

Reveal Expressions

Tap the card or press Space to reveal 2–3 authentic English expressions categorized into Formal, Polite, Neutral, or Casual tones.

03

Evaluate Confidence

Rate your confidence level: Again (unrecalled), Unsure (hesitant), or Got it (mastered).

04

Targeted Review

Cards marked Again and Unsure automatically enter an isolated review queue for targeted follow-up practice.

04

Screenshot Gallery

05

Architecture Diagram

Static JSON dataset, React 19 UI, useFlashcardSession engine, Web Speech API audio, and browser localStorage.
06

Feature Highlights

learning flow

Think of the situation response, reveal multi-tone cards, evaluate confidence, and targeted review.

07

Engineering Case Studies

Want to discuss this project?

Want to discuss this project?

Send me an email