
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