Cтраниц для тестов типа quiz используя Vue.js
3000 UAHНа сайте Wordpress нужно сделать страницу для тестов типа quiz используя Vue.js
Используя библиотеку компонентов https://vuetifyjs.com/
Что-то типа этого, можно использовать как пример:
https://codepen.io/mobihack-official/pen/EJpRXQ
В итоге визуально должно выглядеть подобно этой странице:
https://contentadore.com/uk/calculator/
Дадим доступ на github, с файлами темы и подготовленным чистым шаблоном, куда нужно будет писать свой код.
Шаблон - https://test.contentadore.com/quiz/
При первой загрузке страницы должен показаться select с выбором языка (если нет utm метки ?lang={iso_code}), если есть то язык должен выбираться атоматически)
Данные для квиза на каждый язык должны браться из google таблиц
Пример - https://docs.google.com/spreadsheets/d/1IIlEdT9jrDyf0W7-IDLY95RtNbbQfFbBy2zH11UpwZ4/edit#gid=0 (на каждый язык будет своя ссылка на гугл док).
1, 2, 3 - номера блоков и рядом названия групп вопросов - его нужно отображать на протяжении всей группы вопросов.
1.1, 1.2, 1.3 - номера вопросов и рядом справа вопросы
a, b, c, d - буквы и варианты ответов * - звездочка в 3 колонке указывает на правильный ответ
В начале квиза должен включаться таймер с обратным отсчетом, а когда время выходит - должно появляться сообщение на странице.
В конце квиза (предпоследний шаг) должно быть сообщение, типа напишите тестовые 300 слов, и большое поле для ввода (типа textarea) под эти 300 слов.
На последнем шаге должны быть поля для заполнения:
- Имя (input)
- Email (input)
- Ставка (input)
- Рабочие языки (multi select) - селект по списку активных языков с возможностью выбрать несколько (список предоставим)
- Топики (multi select) - селект по списку активных языков с возможностью выбрать несколько (список предоставим)
После нажатия кнопки отправить нужно:
1) проверить по почте, есть ли уже юзер с такой почтой в базе редмайна
2a) если нет,
- создать нового юзера со статусом registered
- создать новый issue в проекте с id 2
2б) если есть,
- создать под этим юзером новый issue в проекте c id 2
Cсылка на документацию - https://www.redmine.org/projects/redmine/wiki/Rest_api.
Данные, которых не хватает для запроса для создания юзера, нужно сгенерить автоматически (например, логин и пароль для юзера) или определить по умолчанию (например, язык интерфейса - английский).
Результаты тестирования в подробном варианте нужно записать в issue > description
1.1 - a - true
1.2 - a - false
...
n.n - b - true
Result: 35/40 are successful - 77.5%
Text ( с предпоследнего шага )
а в кастомне поля записать:
- Email - Email (input)
- Writing rate - Ставка (input)
- Job language - Рабочие языки (multi select)
- Topics - Топики (multi select)
Результаты тестирования в кратком варианте нужно записать в user > notes
password: sdad7d7dsd
Result: 35/40 are successful - 77.5%
а в кастомне поля записать:
- Email - Email (input)
- Writing rate - Ставка (input)
- Job language - Рабочие языки (multi select)
- Topics - Топики (multi select)
- Writing rating - 7 ( 35/40 are successful - 77.5%)
Отзыв заказчика о сотрудничестве с Alexander Lavrenchuk
Cтраниц для тестов типа quiz используя Vue.jsПриятно работать с опытными специалистом!
![]()
Отзыв фрилансера о сотрудничестве с заказчиком
Cтраниц для тестов типа quiz используя Vue.jsвсе супер, заказчик всегда на связи, детальное тз и своевременная оплата
-
415 20 0 привет, есть коммерческий (3 года, не фриланс) опыт разработки с Vue, также работал с Vuetify и вордпрессом, могу взять ваш проект.
есть также некоторые вопросы по редмайн апишке, отпишите в лс для уточнения деталей.
-
275 3 1 Доброго дня . Готовы к вашему проекту.
Опыт коммерческого разработки на Vue.js более года. Задача понятна, но для точной оценки необходимы некоторые уточнения. Пишите, я буду рад сотрудничать.
Рейт - 10USD/hr
Актуальные фриланс-проекты в категории Javascript и Typescript
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 2 дня 12 часов назад ∙ 101 ставка |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 2 дня 17 часов назад ∙ 21 ставка |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 3 дня 13 часов назад ∙ 32 ставки |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 4 дня 16 часов назад ∙ 18 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 5 дней 10 часов назад ∙ 90 ставок |