RS-lang

[annettabel87]

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md
2. Screenshot:
   
3. Deploy: https://thirdmadman.github.io/rslang/
4. Done 21.02.2022 / deadline 21.02.2022
5. Score: 430 / 620

Time?

Спасибо всем кто стал ждать.
Я не могу сказать что доволен результатом работы, хотя мы сделали очень много, но увы, наше время истекло и сейчас мы сделали всё что могли успеть.
Не реализованным осталось огромное количество фитч и объяснение предыстории (возможно, в будущем я допилю это).

Предыстория

Так как это игра прежде всего, обучение в игровой форме, хотелось небольшую завязку, то что служило бы если не сюжетом, но небольшим описанием этой игры.
Согласно сюжету, перед нами предстаёт достаточно печальная картина, Земля, более не пригодна для жизни, человечество погибло

Eath is no more place to live, Humannity is no more exsits

Однако, даже после той катастрофы, что сотворил человек, осталась ещё одна форма жизни, - объединённая сеть. И для них вопрос почему случилось наихудшее всё ещё открыт

Only our network surriwed We need the answers

Игроку предлагается примерить на себя роль новой структуры в обеденной сети, и найти ответы

You are new part Help us to understand

Данная структура предположительно, очень похожа на человека, обладает базовыми инструментами распознания изображения и звука, но существует лишь виртуально и может "отделятся" от личности, создавать новые. (CREATE NEW и START SYNC)
Новой структуре предоставляют возможность изучить воспоминания прошлых людей для повторения эффекта обучения "человеческой личности", чтобы таким образом получить имитацию "человека" и затем выявить причины катастрофы.
Для этого даётся 6 уровней вложенности на каждом по 30 страниц.

Explore THEIR MEMORIES You have 6 depth levels, 30 pages

Для закрепления нейронных связей предлагается использовать простые тесты:
Сопоставление смыла - MEANING RESOLVING
Расшифровка аудиодорожек - AUDIO DECODING
(к сожалению концепция игры и тех задания привели к тому что в мини играх используется русский перевод, что "немного" выбивается из общей картины и истории)

Overview

1. Главная страница приложения +10

• Вёрстка, дизайн меню
• Иконка меню присутствует на каждой странице
• Меню изменяется в зависимости от того авторизована пользователь или нет

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

• Вёрстка, дизайн
• Присутствует авторизация "IDENTITY RECOGNIZING"
• Присутствует кнопка переключения между формами авторизации и регистрации "CREATE NEW" или "CANCEL"
• Присутствует регистрация "IDENTITY CREATION"
• После удачной авторизации присутствуют кнопка выхода из аккаунта STOP SYNC на странице IDENTITY RECOGNIZING, при выходе данные стриаются
• Реализован сервис под регистрацию SigninService
• Реализован сервис для хранения информации о авторизации и пользователе в localstorage TokenProvider

3. Электронный учебник (THEIR MEMORIES) +70

• Вёрстка, дизайн
• Реализован сервис WordService
• присутствуют кнопки пагинации по группам слов, отображается текущая группа и количество групп "DEPTH LEVEL 1/6"
• присутствуют кнопки пагинации по страница группы, отображается текущая страницы и количество страниц"PAGE NUMBER 1/30"
  на каждой странице учебника отображается:
• Иконка мену сверху слева
• Список из 20 карточек слов
• В меню имеются ссылки на мини игры AUDIO DECODING (audiocall) и MEANING RESOLVING (sprint)
• При перезагрузке страницы откроется та же страница THEIR MEMORIES что и была выбрана

4. Список слов +70

• Вёрстка, дизайн
• Реализован сервис под дополнительные данные в "словах" - UserWordService
• Присутствуют карточки слов, каждая состоит из 3х "слайдов"
• Реализован плеер MusicPlayer и его singleton реализации SingleMusicPlayer и SingleMusicPlayer2 для избегания возможности одновременного воспроизведения множества звуков и возможности последовательного автоматического воспроизведения нескольких файлов
• На первом "слайде" карточки отображается изображении ассоциации, слово на английском и транскрипция, кнопка для воспроизведения слова
• На втором "слайде" карточки отображается объяснение на английском, кнопка для воспроизведения всех трёх аудиодорожек принадлежащих к слову и пример использования слова
• На третьем "слайде" карточки отображается перевод слова, перевод значения и перевод примера использования
  Если пользователь авторизован на первый "слайд", сверху, добавляется:
• Слева кнопка для того чтобы отметить "изученным" или убрать из изученных
• По середине отображения прогресс изучения слова (1/2) 1 - сколько раз слово угадано, 2- количество попыток всего
• Справа отображается кнопка для добавления или удаления слова в категорию сложные
• Слова которые были задействованы в мини играх выделяются - изображение с ассоциацией приобретает красоки
• Если слово было добелено в изученное, то оно выделяется тем, что изображение с ассоциацией приобретает ещё больше красок

5. Аудиовызов (AUDIO DECODING) 90

• Вёрстка, дизайн
• При открытии меню на странице THEIR MEMORIES (wordbook/1/1) при переходе на AUDIO DECODING (audiocall) будет автоматически выбран та группа слов и та страница, что выбрана на THEIR MEMORIES (wordbook/1/1).
• При переходе на AUDIO DECODING (audiocall) с других страниц, в мини-игре будет предложено выбрать "CHOOSE YOUR LEVEL OF DEPTH" (группу слов)
• После окончания игры показывается страница RESULTS
• На странице результат присутствует группа угаданных слов CORRECT и их количество
• На странице результат присутствует группа не верно угаданных слов INCORRECT и их количество
• После окончания игры результат по угадано ли было или не угадано слово сохраняется в БД
• Для ответов можно как нажимать на кнопки с вариантами ответов так и на клавиши клавиатуры 1, 2, 3, 4 - каждый вариант подписан нужной кнопкой на клавиатуре

6. Спринт (MEANING RESOLVING) 90

• Вёрстка, дизайн
• При открытии меню на странице THEIR MEMORIES (wordbook/1/1) при переходе на MEANING RESOLVING (sprint) будет автоматически выбран та группа слов и та страница, что выбрана на THEIR MEMORIES (wordbook/1/1).
• При переходе на MEANING RESOLVING (sprint) с других страниц, в мини-игре будет предложено выбрать "CHOOSE YOUR LEVEL OF DEPTH" (группу слов)
• После окончания игры показывается страница RESULTS
• На странице результат присутствует группа угаданных слов CORRECT и их количество
• На странице результат присутствует группа не верно угаданных слов INCORRECT и их количество
• После окончания игры результат по угадано ли было или не угадано слово сохраняется в БД
• Для ответов можно как нажимать на кнопки TRUE или FALSE так и клавиши клавиатуры 1, 2 - каждый вариант подписан нужной кнопкой на клавиатуре

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

• После мини-игр количество верно и не верно угаданных раз сохраняется и выводится в карточке слова, на пером "слайде", сверху, по середине, на странице THEIR MEMORIES (wordbook/1/1)

8. Изученные слова 0

9. Страница статистики 0

10. Дополнительный функционал 40

• Используется оригинальный дизайн https://www.figma.com/file/6c9pgV98Sp7acAZIc2AFR5/rslang-ui?node-id=20%3A31
• В игре воспроизводится фоновая музыка, она зависит от страницы, которая открыта
• При открытии меню фоновая музыка ставится на паузу, если просто закрыть меню, воспроизведение продолжится с того же места
• На странице результатов мини игр присутствует статистика по количество подряд верных ответов "THE LONGEST ANSWER CHAIN: 3"
• Развёрнут и используется свой деплой backend https://thirdmadman-rs-lang.herokuapp.com