Ктранець для тестів типу 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 (на кожній мові буде своє посилання на Google Doc).1, 2, 3 - номери блоків і ряд назви груп питань - його потрібно відображати по всій групі питань.1.1, 1.2, 1.3 - номер запитань і рядом правої запитань
a, b, c, d - букви і варіанти відповідей * - зірка в 3 колоні вказує на правильний відповідь
На початку квизу повинен бути включений таймер з зворотним звітом, а коли час вийде - має з'явитися повідомлення на сторінці.Наприкінці квизу (попередній крок) має бути повідомлення, типу напишіть тестові 300 слів, і велике поле для введення (типу textarea) під ці 300 слів.На останньому кроці повинні бути поля для заповнення:Ім'я (input)Електронна пошта (input)Поставка (input)Робочі мови (multi select) - вибір за списком активних мов з можливістю вибрати кілька (список надати)Топи (multi select) - вибір за списком активних мов з можливістю вибрати кілька (список надати)Після натискання кнопки надіслати потрібно:
1) перевірити поштою, чи є вже користувач з такою поштою в базі редмайна
2а) якщо не
- створення нового юзера з статусом зареєстрованого
Створення нового проекту з ID 2
2б) якщо є,
- створити під цим юзером новий issue в проекті c id 2
Посилання на документацію - https://www.redmine.org/projects/redmine/wiki/Rest_api.
Дані, які не вистачає для запиту для створення користувача, потрібно генерувати автоматично (наприклад, вхід і пароль для користувача) або визначити за замовчуванням (наприклад, мова інтерфейсу - англійська).Результати тестування в детальному варіанті потрібно записати в issue > description1.1 - a - true
1.2 - а - фальсифікація
...
n.n - b - true
Результат: 35/40 are successful - 77.5%
Текст (з попереднього кроку)
А в кастоні поля записувати:
Email - Email (input)Writing rate - Ставка (input)Job language - Робочі мови (multi select)Topics - Топики (multi select)Результати тестування в короткому варіанті потрібно записати в user > notespassword: sdad7d7dsd
Результат: 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
Ктранець для тестів типу quiz за допомогою Vue.jsПриємно працювати з досвідченим фахівцем!
![]()
Відгук фрилансера про співпрацю з замовником
Ктранець для тестів типу quiz за допомогою Vue.jsвсе супер, замовник завжди на зв'язку, детальний тз і своєчасна оплата
-
415 20 0 привітання, є комерційний (3 роки, не фріланс) досвід розробки з Vue, також працював з Vuetify і wordpress, я можу взяти ваш проект.
є також деякі питання про редмайн описку, відпишіть в лс для уточнення деталей.
-
275 3 1 Доброго дня. Готовий взятися за Ваш проект.
Досвід комерційної розробки на Vue.js більше року. Задача зрозуміла, але для точної оцінки необхідні деякі уточнення. Пишіть, буду радий співпрацювати.
Рейт - 10usd/hr
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 18 годин 36 хвилин тому ∙ 23 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
260 189 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 6 днів тому ∙ 116 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 6 днів 6 годин тому ∙ 21 ставка |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 8 днів 5 годин тому ∙ 22 ставки |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 8 днів 23 години тому ∙ 97 ставок |