HSK Learning App
Современное PWA-приложение для изучения китайского языка, объединяющее интерактивные тренировки, систему интервального повторения и офлайн-доступ для эффективной подготовки к экзаменам HSK.
О проекте
HSK Learning App — это веб-приложение для подготовки к международному экзамену HSK. Проект помогает изучать китайскую лексику через разные форматы упражнений, отслеживать прогресс пользователя и регулярно повторять изученные слова.
Основной целью было создать удобный инструмент, который объединяет карточки, тесты, аудирование и систему интервального повторения в одном интерфейсе. Приложение можно установить на смартфон как обычное мобильное приложение благодаря технологии Progressive Web App.
Основные возможности
Полная база слов уровней HSK 3–4 с переводом, пиньинем и иероглифами.
Каждое слово имеет собственный уровень изученности, что позволяет автоматически формировать повторение.
Озвучивание китайских слов через Web Speech API для развития навыков восприятия речи.
Установка приложения на домашний экран, офлайн-режим и высокая скорость загрузки.
📱 Интерфейс приложения
Главный экран приложения и меню выбора уровней HSK.
⚙️ Организация обучения
Все слова распределены по уровням HSK и тематическим категориям.
Режимы обучения
Изучение новых слов и повторение.
Выбор правильного перевода.
Поиск правильного китайского символа.
Распознавание слов на слух.
Сопоставление слов и переводов.
Автоматическое повторение сложных слов.
🧠 Примеры тренировок
🎧 Аудирование
Прослушивание слова и выбор правильного ответа.
🀄 Выбор иероглифа
Закрепление написания китайских символов.
🌍 Перевод
Проверка понимания значения изучаемых слов.
Технологии
HTML5 • CSS3 • JavaScript
Service Worker • Manifest • Offline Cache
Web Speech API • localStorage
Git • GitHub • Render
Архитектура
Приложение построено как Single Page Application. Все данные пользователя сохраняются локально, благодаря чему прогресс, результаты тренировок и выбранные слова остаются доступными даже после закрытия браузера.
Для ускорения работы используется Service Worker, который кэширует ресурсы приложения и позволяет использовать его без постоянного подключения к интернету.
Чему научил проект
Проектирование пользовательских сценариев обучения.
Построение масштабируемого SPA-приложения.
Разработка PWA с адаптацией под мобильные устройства.
Создание цифрового продукта для изучения иностранных языков.