Songbird pull request

[Ftorik]

1. Task:
   https://github.com/rolling-scopes-school/tasks/blob/master/tasks/songbird.md

2. App screenshot:
   https://i.imgur.com/TkW0tu3.png
   

3. Deploy:
   https://ftorik-songbird.netlify.app/

4. Done 30.08.20 (deadline 30.08.20)

5. Score: 240 / 240

• Вёрстка, дизайн, UI: (+30)

минимальная ширина страницы, при которой приложение отображается корректно – 320 рх

внешний вид приложения полностью повторяет демо или является его улучшенной версией

• Аудиоплеер: (+30)

стандартный: (+10)

кастомный, такой же, как в демо приложения, может отличаться по цвету: (+10)

у кастомного аудиоплеера есть регулятор громкости звука: (+10)

• Контент: (+20)

использование заранее подготовленных данных birds data: ( 0 )

создание и использование собственной коллекции данных, либо использование подходящего API: (+20)

• Header: (+20)

правильное отображение текущего счета игры: (+10)

индикация текущего вопроса: (+10)

• Блок с вопросом: (+20)

подстановка дефолтного изображения и замена названия птицы на символы (***), пока игрок не выберет правильный ответ: (+10)

при выборе правильного ответа появляется изображение и название птицы: (+10)

• Блок с вариантами ответов (названия птиц): (+30)

цветовая индикация правильного/неправильного ответа в виде индикаторов разного цвета рядом с названием птицы: (+20)

при клике по названию птицы в блоке с описанием птицы отображается информацию о ней: (+10)
Если правильный ответ уже дан, возможность просматривать описания птиц при клике по названию остаётся, цвет индикаторов при этом не изменяется.

• Блок с описанием птицы: (+30)

пока игрок не кликнул по названию птицы из списка, в блоке выводится короткий текст с предложением послушать плеер и выбрать название птицы, чей голос прозвучал: (+10)

при клике по названию птицы из списка, в блоке с описанием птицы появляется актуальная информация о ней: (+20)
Информация о птице включает:

• изображение
• название (на русском и на латыни)
• аудиоплеер с записью голоса
• дополнительное описание птицы.

• Кнопка перехода к следующему вопросу: (+30)

пока не выбран правильный ответ, кнопка не активна, нет возможности перейти к следующему заданию. Активное и неактивное состояние кнопки визуально отличаются, например, активная кнопка имеет зеленый, не активная - серый цвет: (+10)

после правильного ответа на последний вопрос, клик по кнопке скрывает блок с вопросом, блок с вариантами ответов и блок с описанием птицы. Появляется сообщение с поздравлением об окончании игры: (+20)
Сообщение содержит количество набранных баллов из максимально возможных и кнопку с предложение сыграть ещё раз.

• Extra scope: (+30)

звуковая индикация правильного/неправильного ответа: (+20)

• при выборе правильного или неправильного ответа издаются разные звуковые сигналы
• при выборе неправильного ответа проигрывание аудиоплеера не должно останавливаться
• при выборе правильно ответа проигрывание аудиоплеера должно остановиться

Поздравление с абсолютной победой, если набрано максимально возможное количество баллов: (+10)