Карточки 1000 англ слов
Реализуйте карточки для заучивания 1000 самых популярных английских слов.
Продумайте структуру хранения английских слов. В коде должен быть заранее подготовлен массив с 1000 наиболее популярных английских слов с переводом на русский язык. Данные должны храниться в коде JavaScript и в локальном хранилище для сохранения прогресса пользователя.
Основные возможности проекта
- Режим карточек с кнопками "Знаю" и "Не знаю".
- Показ перевода слова при нажатии "Не знаю".
- Система запоминания с интервальным повторением.
- Таблица всех слов с фильтрацией по статусу.
- Статистика прогресса обучения (сколько слов выучено из 1000).
- Кнопка сброса для очистки прогресса.
- Данные хранятся в локальном хранилище браузера.
Режим карточек
На странице карточек сайт должен по очереди показывать слова для заучивания. Карточка должна содержать:
- Английское слово.
- Кнопка "Знаю" - слово помечается выученным.
- Кнопка "Не знаю" - показывается перевод слова на русский язык.
После ответа на каждое слово автоматически показывается следующее. Цикл заканчивается, когда все слова из списка для заучивания пройдены.
Система запоминания
Сайт должен запоминать слова, которые пользователь уже выучил:
- При следующем запуске выученные слова не показываются в режиме карточек.
- Периодически (например, через 7 дней) выученные слова примешиваются к основным для проверки.
- Если пользователь не знает слово при повторной проверке, оно возвращается в список для заучивания.
Таблица всех слов
На странице таблицы должны быть выведены все слова с колонками:
- Английское слово.
- Перевод.
- Статус (для заучивания или выучено).
Должен быть переключатель, с помощью которого можно вывести:
- Слова, которые остались для заучивания.
- Уже выученные слова.
- Все слова.
Статистика
На главной странице или в отдельном блоке должна отображаться статистика прогресса:
- Сколько слов выучено из 1000.
- Процент освоения материала.
Сброс данных
Необходимо предусмотреть кнопку сброса, нажатие на которую приводит к очистке сохраненного прогресса (все слова возвращаются в состояние "для заучивания") с подтверждением действия.
Хранение данных
Все данные о словах и прогрессе пользователя должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища.