Back to Index
Full-Stack Web
2026·Completed

Vanguard IELTS

A1 to C1 Academic IELTS Preparation & SRS Platform

React 19TypeScriptViteTailwindCSSWeb Speech APISRS EngineCanvas Confetti
Vanguard IELTS
↳ 4-skill IELTS preparation + Spaced Repetition (SRS) + Shadowing Studio + Web Speech API

My contribution

Built the React/TypeScript practice interface, vocabulary review scheduling, daily progression, mistake tracking and browser speech tools across listening, reading, writing and speaking modules.

Engineering decisions

  • Separate review scheduling into a typed SRS service that calculates the next interval from a learner's rating, review history and ease factor.
  • Persist cards and study statistics in localStorage so practice can resume in the same browser without requiring an account.
  • Use browser speech synthesis for shadowing and pronunciation playback, with voice selection based on available English voices.

Testing & evidence

  • srsEngine.ts implements rating-based interval updates, next-review dates and local storage of cards and user statistics.
  • App.tsx connects practice results to progression and the mistake bank; separate lab components provide the four skill interfaces.
  • speech.ts handles voice selection and speech synthesis. Source links allow implementation review; no measured learning-outcome or automated test result is claimed here.

Current limitations & next steps

Progress is local to the browser, with no cross-device account synchronization. Voice quality and availability vary by browser and operating system. Placement and practice feedback are learning aids, not an official IELTS assessment or a guarantee of a band score.

Project overview

The problem it solves

Interactive, comprehensive IELTS academic preparation web platform covering CEFR A1 to C1 proficiency levels. Features all 4 official IELTS skill modules (Listening, Reading, Writing, Speaking), Shadowing Studio with native Web Speech synthesis, SuperMemo-inspired Spaced Repetition (SRS) academic vocabulary engine, step-by-step Daily Adventure progression map, Mistake Bank for targeted error recovery, and Paraphrase Studio.

Specification4-Skill Comprehensive Coverage
SpecificationCEFR A1–C1 Level Progression
SpecificationSuperMemo-Inspired SRS Retention

How it works

Client-side modular SPA built with React 19, TypeScript, and Tailwind CSS v4, combining browser-native Web Speech API audio modeling with an automated SuperMemo-inspired Spaced Repetition retention engine.

Main flow
  1. 01

    Diagnostic CEFR Placement Assessment (A1 to C1 Calibration)

  2. 02

    Daily Adventure Progression & Interactive Quest Planner

  3. 03

    4-Skill Academic Labs (Listening Audio, Reading Passages, Writing Tasks, Speaking Prompts)

  4. 04

    Shadowing Speech Engine & SRS Retention Memory Review Queue

Key components
4-Skill IELTS Lab Suite

Interactive drills for Listening audio checkpoints, timed Reading simulations, Task 1/2 Writing prompts, and Speaking parts.

Spaced Repetition & Mistake Bank

SuperMemo-inspired algorithm calculating review intervals with automated mistake tracking for focused remediation.

Shadowing Studio & Speech Engine

Browser-native Web Speech API implementation for speech synthesis, pronunciation modeling, and conversational shadowing.

Next Project

Renshuu

Interactive Japanese Learning & Spaced Repetition (SRS)

Explore Next Case