SongBird #5
Open
SongBird #5
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
refactor: changes indentation, spaces
refactor: adaptive css
refactor: props
refactor: change implement show final page
small change navbar; add favicon
…etails description
|
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/velesov/songbird-a-velesov/ke3kegsr2 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
https://github.com/rolling-scopes-school/tasks/blob/master/tasks/songbird.md
https://prnt.sc/u55cw9
https://songbird-a-velesov.vercel.app/
минимальная ширина страницы, при которой приложение отображается корректно – 320 рх
внешний вид приложения полностью повторяет демо или является его улучшенной версией
стандартный: (+10)
кастомный, такой же, как в демо приложения, может отличаться по цвету: (+10)
у кастомного аудиоплеера есть регулятор громкости звука: (+10)
Для кастомизации аудиоплеера можно использовать библиотеки
использование заранее подготовленных данных birds data: ( 0 )
создание и использование собственной коллекции данных, либо использование подходящего API: (+20)
правильное отображение текущего счета игры: (+10)
индикация текущего вопроса: (+10)
подстановка дефолтного изображения и замена названия птицы на символы (***), пока игрок не выберет правильный ответ: (+10)
при выборе правильного ответа появляется изображение и название птицы: (+10)
цветовая индикация правильного/неправильного ответа в виде индикаторов разного цвета рядом с названием птицы: (+20)
при клике по названию птицы в блоке с описанием птицы отображается информацию о ней: (+10)
Если правильный ответ уже дан, возможность просматривать описания птиц при клике по названию остаётся, цвет индикаторов при этом не изменяется.
пока игрок не кликнул по названию птицы из списка, в блоке выводится короткий текст с предложением послушать плеер и выбрать название птицы, чей голос прозвучал: (+10)
при клике по названию птицы из списка, в блоке с описанием птицы появляется актуальная информация о ней: (+20)
Информация о птице включает:
изображение
название (на русском и на латыни)
аудиоплеер с записью голоса
дополнительное описание птицы.
пока не выбран правильный ответ, кнопка не активна, нет возможности перейти к следующему заданию. Активное и неактивное состояние кнопки визуально отличаются, например, активная кнопка имеет зеленый, не активная - серый цвет: (+10)
после правильного ответа на последний вопрос, клик по кнопке скрывает блок с вопросом, блок с вариантами ответов и блок с описанием птицы. Появляется сообщение с поздравлением об окончании игры: (+20)
Сообщение содержит количество набранных баллов из максимально возможных и кнопку с предложение сыграть ещё раз.
звуковая индикация правильного/неправильного ответа: (+20)
при выборе правильного или неправильного ответа издаются разные звуковые сигналы
при выборе неправильного ответа проигрывание аудиоплеера не должно останавливаться
при выборе правильно ответа проигрывание аудиоплеера должно остановиться
Поздравление с абсолютной победой, если набрано максимально возможное количество баллов: (+10)
Здесь можно проявить свою фантазию. Это может быть все, что угодно. Например: картинка, анимация, видео, ссылка на что-то интересное, сертификат знатока птичьих голосов, слоган "теперь ты знаешь кто чирикнул" и т.д
Для удобства проверки правильные ответы выведите в консоль.