HomeProjectsVideos 中文
HomeProjects
Aug
2023

Vocabulary App

BackendVocabulary ServiceiOS App (iOS 17)

The TOEFL Vocabulary App tests users' familiarity with target synonyms based on real TOEFL examination questions. The overall system architecture comprises:

  • Vocabulary Service: Formats handout PDFs into program-ready data structures, providing a lightweight GUI to verify parsed questions and configure exact target word underline offsets.
  • Backend: The central API server managing authentication, user attempt histories, and dynamic question banks.
  • iOS App Client: The user-facing mobile client interface.
mermaid
flowchart LR
    A[PDF Handouts]
    B[(MySQL DB)]
    C[.NET API]
    D[iOS APP]
    E[Vocabulary Service]
    A -->|Extract Vocabulary Quiz| E
    E --> C
    C --> B
    B --> C
    C --> D
Generate Quiz Question ScreenGenerate Quiz Question Screen

Users choose their desired question count on the home screen, and the server generates a randomized quiz drawn from authentic exam sets.

Quiz Answering UIQuiz Answering UI
Vocabulary Detail ScreenVocabulary Detail Screen

Incorrect answers are logged automatically. Users can also star critical words to prioritize them for focused review in the glossary list.

Vocabulary ListVocabulary List
After finishing a session, returning to any question reveals the correct answer and explanatory notes.
iPhone Home Screen WidgetiPhone Home Screen Widget
A native iOS widget rotates incorrect words throughout the day, enabling effortless daily vocabulary retention right from the home screen. Tapping the widget navigates straight to the native iOS system dictionary for instant definitions.

Built entirely with native SwiftUI, supporting both light and dark display modes.