Task description RU
-
task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md
-
Screenshot:
- Backend repository: https://github.com/Seala11/react-rslang-be
- Backend application: https://rslang-team54-learnwords.herokuapp.com/doc/
- Done 05.09.2022 / deadline 06.09.2022
- Score: 660 / 620
1. Главная страница приложения +40
- вёрстка, дизайн, UI главной страницы приложения
главная страница приложения содержит:
- меню с навигацией по учебнику
- описание возможностей и преимуществ приложения
- раздел "О команде"
- Footer со ссылками на гитхабы, год создания приложения, логотип курса
2. Авторизация +50
- реализована авторизация и регистрация пользователя
- при перезагрузке приложения данные о пользователе и полученный при авторизации токен сохраняются в localStorage
- электронный учебник (без раздела "Сложные слова", без отображения прогресса изучения слов и изученных слов) и мини-игры доступны без авторизации
- у авторизованных пользователей отображается раздел "Сложные слова", прогресс изучения слов, изученные слова и статистика
- при логауте данные пользователя и токен удаляются из localStorage, а пользователь становится анонимным
Электронный учебник +80
- вёрстка, дизайн, UI страниц электронного учебника (состоит из шести разделов, в каждом разделе 30 страниц, на каждой странице 20 слов для изучения)
- седьмой раздел учебника - "Сложные слова" изначально пустой. на каждой странице учебника отображается:
- меню или иконка меню
- список из 20 слов (в разделе "Сложные слова" по 5 слов на странице)
- ссылки на мини-игры "Аудиовызов" и "Спринт"
- навигация по страницам учебника
- навигация по семи разделам учебника, каждый раздел имеет свой цвет и анимацию
- при перезагрузке страницы открывается последняя открытая страница приложения
Список слов +80
- вёрстка, дизайн, UI списка слов
для каждого слова отображается:
- само слово, транскрипция, перевод
- предложение с объяснением значения слова, перевод предложения
- предложение с примером использования изучаемого слова, перевод предложения
- картинка-ассоциация к изучаемому слову
- иконка аудио
только у авторизированных пользователей отображаются:
- кнопка сложное слово (в разделе "Сложные слова" для данного слова есть кнопка удаляющая слово из раздела)
- кнопка, при клике по которой слово можно отметить как изученное
- сложное слово выделяется стилем. Также данное слово добавляется в раздел "Сложные слова"
- изученное слово выделяется стилем
- полностью изученная станица выделяется стилем. Также стилем выделяется соответствующая ей кнопка навигации по страницам учебника. Ссылки на мини-игры на этой странице становятся неактивными.
Мини-игры "Аудиовызов" и "Спринт" +200
- функционал мини-игр "Аудиовызов" и "Спринт" полностью повторяет функционал одноимённых мини-игр приложения Lingualeo
- по окончанию каждой игры выводятся результаты мини-игры
- управлять игрой можно как мышкой, так и клавишами на клавиатуре, как это реализовано в оригинальных играх
- если мини-игра запускается из меню, в ней можно выбрать один из шести уровней сложности
- если мини-игра запускается со страницы учебника, в ней используются слова из той страницы учебника, на которой размещена ссылка на игру. Если размещённых на странице слов для игры недостаточно, задействуются слова с предыдущих страниц. Если предыдущих страниц нет или недостаточно, игра завершается досрочно, когда закончатся все доступные слова
Прогресс изучения +50
- возле каждого слова, которое использовалось в мини-играх, на странице учебника указывается прогресс его изучения за весь период: было ли слово правильно угадано в мини-играх, или пользователь ошибался
Изученные слова +60
- изученные слова, это слова, которые пользователь отметил как изученные на странице учебника
- также слова считаются изученными по результатам их угадывания в мини-играх.
- если сложное слово стало изученным, оно перестаёт быть сложными и удаляется из раздела "Сложные слова"
- изученные слова не задействуются в мини-играх, которые запускаются на страницах учебника, но задействуются в мини-играх, которые открываются по ссылке в меню
- если при угадывании изученного слова в мини-игре пользователь ошибся, слово удаляется из категории изученных
Страница статистики +60
- на странице статистики отображается краткосрочная статистика по мини-играм и по словам за каждый день изучения
в краткосрочной статистике по мини-играм указываются результаты по каждой мини-игре отдельно
- количество новых слов за день
- процент правильных ответов
- самая длинная серия правильных ответов
в краткосрочной статистике по словам указываются
- количество новых слов за день
- количество изученных слов за день
- процент правильных ответов за день
Дополнительный функционал +40
- очень высокое качество оформления приложения, а также дополнительный, не указанный в задании функционал. Оценивается оригинальная идея, вклад в улучшение качества приложения, полезность, сложность и качество выполнения
- респонсивная верстка до 320px включительно
- анимированный бэкграунд в учебнике при переключении между юнитами
- слайдер в разделе регистрации, при пеключении регистрация/вход
- анимация на главной странице
- всплывающие уведомления при регистрации