Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Стек:

html5+js+css+json 

всю структуру quiz хранить в файле формата json

Логика работы:

1. Открывается страница и один раз, после загрузки воспроизводится звуковой файл с числом, изображенным на картинке

2. При нажатии на саму картинку, повторно, воспроизводится звуковой файл с числом, изображенным на картинке 

3. При выборе варианта ответа, воспроизводится звуковой файл связанный с этим ответом, если ответ правильный, то кнопка подсвечивается зеленым цветом, если нет, то красным

4. Если выбран правильный ответ, то далее открывается страница со следующим числом

Числа берем отсюда:

https://giphy.com/gifs/studiosoriginals-numbers-gilphabet-l0ExncehJzexFpRHq

Звуки берем отсюда:

http://www.study-languages-online.com/ru/en/kids-lesson.html?topic=numbers_1-10#tab=1

Используемый шрифт:

Seymour One

Расположение элементов указано в приложении.

Что хотелось бы на выходе:

https://apps.apple.com/au/app/duolingo-abc-learn-to-read/id1440502568

4 года назад
guest_15736825294252
4 года в сервисе
Был
4 года назад
  • Похожие заказы
  • $100

    Добрый день, заказывал дизайн + верстку на свой проект, но в итоге всё сделано было очень криво и косо. Хочу найти реально профи своего дела для адаптивной верстки UX/UI Ищу  человека, который может показать в портфолио реально ...

    HTML-верстка12 заявок
    Закрыт
    4 года назад
  • Здравствуйте. Сверстать ландинг. Адаптивный под все устройства, все предоставлю исполнителю. Макет в PSD.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $5

    Задача 1. есть меню  в мобильной версии http://prntscr.com/t80202 http://prntscr.com/t7zez9 http://prntscr.com/t7zind  [url=http://utorrent.site/]http://utorrent.site/ [/url]2.  надо сделать как в оригинале шаблоне меню и уменьшить шрифт http://prntscr.com/t800wj  [url=http://tabula.bold-themes.com/shady/]http://tabula.bold-themes.com/shady/[/url]

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $20

    Добрый день. Необходимо сделать такую работу: 1. Сверстать страницу по аналогии [url=https://bburo.org/calculator]https://bburo.org/calculator    [/url]В зависимости от выбранных параметров должна выводится соответствующая цифра в результате. 2. Натянуть на CMS 3. Загрузить на хостинг

    HTML-верстка4 заявки
    Закрыт
    4 года назад
  • Добрый день, уважаемые коллеги! Мы ищем [b][i]верстальщика-программиста[/i][/b] в наш проект. Суть проекта заключается в помощи студентам, прибывшим на обучение в Великобританию. По функционалу и количеству контента сайт будет похож на [url=https://www.brightworld.co.uk/]https://www.brightworld.co.uk/[/url]. CMS нужна не WordPress, более защищенная и удобная для ...

    HTML-верстка11 заявок
    Закрыт
    4 года назад
  • Требуется сверстать данный макет: [url=https://www.figma.com/file/6pgEMdjdUcO8BdSDGmWP51/istat24-design?node-id=0%3A1]www.figma.com/file/6pgEMd...[/url] 12-13 страниц. Отдельно мобильной версии нет, но нужно некая свободная адаптация данного макета под мобилки, это будет обсуждаться дополнительно. Способ реализации на ваш выбор. sketch. Заранее благодарен. Есть некоторое количество svg графики. Детели ...

    HTML-верстка1 исполнитель
    Завершен
    4 года назад