Просьба отложить проверку на день, устранем баги, спасибо )))

# Ссылка на задание

https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md

# Скриншот результата выполнения задания

# Ссылка на деплой
https://rslang-kramans1990-team-112.netlify.app/

# Демо для проверяющих

# Репозиторий с бекендом

https://github.com/kramans1990/react-rslang-be

# Дата сдачи : 05.09.2022 / дата дедлайна : 06.09.2022

# Cамопроверка с предварительной оценкой :

# 1. Главная страница приложения +40
- [x] вёрстка, дизайн, UI главной страницы приложения (+10)
* главная страница приложения содержит:
- [x] меню с навигацией по учебнику, ссылками на мини-игры и статистику. Меню или иконка меню отображается на всех страницах приложения (+10)
- [x] описание возможностей и преимуществ приложения (+5)
- [x] раздел "О команде" с фото или аватарками и ссылками на гитхабы всех участников команды, описанием вклада в разработку приложения каждого из них. При желании данный раздел можно вынести в отдельную страницу (+10)
- [x] footer со ссылками на гитхабы авторов приложения, год создания приложения, логотип курса со ссылкой на курс. footer отображается на всех страницах приложения за исключением мини-игр (+5)

# 2. Авторизация +50

- [x] реализована авторизация и регистрация пользователя (+10)
- [x] при перезагрузке приложения данные о пользователе и полученный при авторизации токен сохраняются в localStorage (+10)
- [x] электронный учебник (без раздела "Сложные слова", без отображения прогресса изучения слов и изученных слов) и мини-игры доступны без авторизации (+10)
- [x] у авторизованных пользователей отображается раздел "Сложные слова", прогресс изучения слов, изученные слова и статистика (+10)
- [x] при логауте данные пользователя и токен удаляются из localStorage, а пользователь становится анонимным (+10)

# 3. Электронный учебник +80
- [x] вёрстка, дизайн, UI страниц электронного учебника (+10)
- [x] электронный учебник генерируется на основе коллекции исходных данных и состоит из шести разделов, в каждом разделе 30 страниц, на каждой странице 20 слов для изучения (+10)
- [x] седьмой раздел учебника - "Сложные слова" изначально пустой. Этот раздел состоит из слов, которые пользователь отметил как сложные. Все слова в этом разделе размещаются на одной странице. На усмотрение разработчиков, слова в данный раздел добавляются либо в том порядке, в котором пользователь отмечал их как сложные, либо в порядке, в котором они находились в учебнике. (+10)
* на каждой странице учебника отображается:
- [x] меню или иконка меню (+10)
- [x] список из 20 слов (в разделе "Сложные слова" слов может быть больше) (+8)
- [x] cсылки на мини-игры "Аудиовызов" и "Спринт" (+8)
- [x] навигация по страницам учебника (+8)
- [x] также необходимо реализовать навигацию по семи разделам учебника и предусмотреть небольшие различия в оформлении каждого раздела (+8)
- [x] при перезагрузке страницы открывается последняя открытая страница приложения (+8)

# 4. Список слов +80
- [x] вёрстка, дизайн, UI списка слов (+10)
* для каждого слова отображается:
- [x] само слово, транскрипция, перевод (+6)
- [x] предложение с объяснением значения слова, перевод предложения (+6)
- [x] предложение с примером использования изучаемого слова, перевод предложения (+6)
- [x] картинка-ассоциация к изучаемому слову (+6)
- [x] иконка аудио, при клике по которой последовательно звучит произношение изучаемого слова, произношение предложения с объяснением его значения, произношение предложения с примером его использования (+10)
- только у авторизированных пользователей отображаются:
- [x] кнопка, при клике по которой слово можно отметить как сложное (в разделе "Сложные слова" на её месте отображается кнопка, снимающая отметку что это сложное слово и удаляющая его из данного раздела) (+7)
- [x] кнопка, при клике по которой слово можно отметить как изученное (+7)
- [x] если слово отмечено как сложное, оно остаётся на странице учебника и выделяется стилем, указывающим, что данное слово относится к сложным словам. Также данное слово добавляется в раздел "Сложные слова" (+6)
- [x] если слово отмечено как изученное, оно остаётся на странице учебника и выделяется стилем, указывающим, что данное слово относится к изученным словам (+6)
- [x] если все слова на странице относятся к изученным словам или к изученным и сложным словам, такая страница считается полностью изученной и выделяется стилем. Также стилем выделяется соответствующая ей кнопка навигации по страницам учебника. Ссылки на мини-игры на этой странице становятся неактивными. (+10)

# 5. "Аудиовызов" +100

- [x] повторяет функционал мини-игры Аудиовызов Lingualeo (+10)
- [x] по окончанию каждой игры выводятся результаты мини-игры (+10)
- [x] в результатах игры отображается список слов с переводом и иконкой для воспроизведения аудио (+10)
- [x] управлять игрой можно мышкой и клавишами на клавиатуре (+10)
- [x] реализован выбор уровня сложности (+10)
- [x] после ответа на вопрос выделяется стилем верный и неверный (если дан неверный ответ) ответы (+10)
- [x] добавлена кнопка "играть еще раз" (+10) которая запускат игру еще раз с теми же вопросами
- [x] При нажатии на кнопку "играть еще раз" порядок вопросов меняется в случайном порядке (+10)
- [x] При нажатии на кнопку "играть еще раз" порядок вариантов ответов для каждого вопроса меняется в случайном порядке (+10)
- [x] если мини-игра запускается со страницы учебника, в ней используются слова из той страницы учебника, на которой размещена ссылка на игру. Если размещённых на странице слов для игры недостаточно, задействуются слова с предыдущих страниц. Если предыдущих страниц нет или недостаточно, игра завершается досрочно, когда закончатся все доступные слова (+10)

# 6. "Спринт" +100

- [x] повторяет функционал мини-игры Спринт Lingualeo (+10)
- [x] по окончанию каждой игры выводятся результаты мини-игры (+10)
- [x] в результатах игры отображается список слов с переводом и иконкой для воспроизведения аудио (+10)
- [x] управлять игрой можно мышкой и клавишами на клавиатуре (+10)
- [x] реализован выбор уровня сложности (+10)
- [x] после ответа на вопрос выделяется стилем верный и неверный (если дан неверный ответ) ответы (+10)
- [x] добавлена кнопка "играть еще раз" (+10) которая запускат игру еще раз с теми же вопросами
- [x] При нажатии на кнопку "играть еще раз" порядок вопросов меняется в случайном порядке (+10)
- [x] При нажатии на кнопку "играть еще раз" порядок вариантов ответов для каждого вопроса меняется в случайном порядке (+10)
- [x] если мини-игра запускается со страницы учебника, в ней используются слова из той страницы учебника, на которой размещена ссылка на игру. Если размещённых на странице слов для игры недостаточно, задействуются слова с предыдущих страниц. Если предыдущих страниц нет или недостаточно, игра завершается досрочно, когда закончатся все доступные слова (+10)

# 7. Прогресс изучения +50

- [x] возле каждого слова, которое использовалось в мини-играх, на странице учебника указывается прогресс его изучения за весь период (+10)
- [x] возле каждого слова, которое использовалось в мини-играх, на странице учебника указывается количество правильных и неправильных ответов (+10)
- [x] при неверных ответах прогресс изучения слова уменьшается (минимальное значение - 0) (+10)
- [x] при верных ответах прогресс изучения слова уменьшается (минимальное значение - 100) (+10)
- [x] изученное слово выделяется стилем (+10)

# 8. Изученные слова +60

- [x] слово можно отметить как изученное на страницу учебника (+10)
- [x] слова считаются изученными по результатам их угадывания в мини-играх (становится изученным если прогресс изучения достиг 100 % ) (+10)
- [x] если сложное слово стало изученным, оно перестаёт быть сложными и удаляется из раздела "Сложные слова" (+10)
- [x] изученные слова не задействуются в мини-играх, которые запускаются на страницах учебника, но задействуются в мини-играх, которые открываются по ссылке в меню (+10)
- [x] если при угадывании изученного слова в мини-игре пользователь ошибся, слово удаляется из категории изученных

# 9. Страница статистики +60

* в краткосрочной статистике по мини-играм указываются результаты по каждой мини-игре отдельно
- [x] количество новых слов за день (+10)
- [x] процент правильных ответов (+10)
- [x] самая длинная серия правильных ответов (+10)
- в краткосрочной статистике по словам указываются
- [x] количество новых слов за день (+10)
- [x] количество изученных слов за день (+10)
- [x] процент правильных ответов за день (+10)

# 10. Дополнительный функционал +40
* долгосрочная статистика за весь период изучения в которой представлены два графика
- [x] график, отображающий количество новых слов за каждый день изучения (+10)
- [x] график, отображающий увеличение общего количества изученных слов за весь период обучения по дням (+10)
- [x] каждая точка графика имеет всплывающую подсказку (+10) с актуальными значениями (+10)
- [x] добавлена легенда графика , графики не выходят за пределы страницы при ширине экрана >320px (+10)

# 10. Итоговая оценка 660/620