Фронт веб-приложения в стиле Duolingo
Техническое задание
Задача приложения: Упражнения (gap fill exercises) по английскому языку для студентов (детей, изучающих английский язык).
Основной сценарий
- Студент открывает ссылку на упражнение (например webapp.net/app?id=1234) полученную от преподавателя (например, в телеграмме или WA)
- Приложение получает упражнение в JSON формате из endpoint (например webapp.net/exercise?id=1234). Упражнение состоит из нескольких отдельных tasks.
- Приложение показывает task студенту.
- Студент выполняет task
- Если task сделан правильно, показывается сообщение об успехе
- Если task сделан неправильно, показывается сообщение о неудаче
- Студент переходит к следующему task
- Студент видит прогресс-бар со своим продвижением по списку tasks
- Студент проходит до конца exercise и видит итоговую страницу
- Приложение сохраняет результаты выполнения упражнения в endpoint (например webapp.net/save?id=1234)
JSON формат упражнения
- Exercise представляет собой инструкции студенту и массив из отельных tasks
{id=”1234”, instructions=”Complete each of the sentences below using a past progressive form of a verb”, tasks=[ … ]}
- Каждый task в списке тасков (tasks=[ {…}, {…} ]) представляет собой hash table с отдельным заданием студенту
Типы tasks
В рамках первой версии мы сделаем только два типа tasks. В будущем будем добавлять новые типы tasks.
- Gap fill type in.
Пример: "I ___ (not see) him since we ___ (be) at school together."
Студент должен впечатать "haven't seen" и "were" в соответствующие пропуски.
- Gap fill with options
Пример: “I watched this film before, the best ___ is when the main character realises its superpower.”
Студенту предоставляются варианты возможных ответов: “science”, “scene”, “scent”, “descend”
Студент должен выбрать нужное слово и подставить с помощью drug and drop в пробел.
Формат JSON для tasks нужно предложить.
Mockups экранов
- Check не нажимается (показана серым цветом) пока task не сделан
- Close закрывает приложение
Технические требования
- Технологии: Vue.js, bulma
- Responsive app, c прицелом на использование на мобильном телефоне
Приложения 1
-
1 день3000 UAH
890 3 0 1 день3000 UAH
Добрый день, опыта работы со Vue.js около 5 лет
можете посмотреть мой линкедин linkedin.com/in/aleksandr-milyaev-91631b86
-
45 дней40 000 UAH
457 6 0 45 дней40 000 UAH
Профессиональный Full-stack разработчик. HTML, CSS, JS, React, Redux, NodeJS, Express, MongoDB. Пишите в личном обсуждении деталей.
Актуальные фриланс-проекты в категории Javascript и Typescript
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 2 часа 9 минут назад ∙ 11 ставок |
Поддержка и развитие сайта клининговой компании
919 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 2 дня 3 часа назад ∙ 59 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 5 часов назад ∙ 27 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 19 часов назад ∙ 34 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 653 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 10 дней 2 часа назад ∙ 119 ставок |
Лимассол