All projects
Pinyin App

Pinyin App

The Pinyin App is an interactive educational tool designed to help users learn and practice Mandarin Chinese pronunciation through a comprehensive Pinyin chart. The application features a Full Pinyin Chart that allows users to click on syllables, select specific tones, and play audio pronunciations, enhancing the learning experience. Additionally, it includes a Study Progress component that tracks user progress and mastery levels based on spaced repetition system (SRS) data.

Technologies Used

Frontend

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS

Backend

  • Python

Audio Management

  • HTML5 Audio API

Deployment

  • GitHub Pages
  • GitHub Actions

State Management

  • React Hooks

Utilities

  • Custom utility functions for audio playback and data handling