Тренажеры🎓

Маркетплейс (Онлайн-магазин)🛒

🦧 Как это работает

HTML / CSS: структура страницы, адаптивная сетка (Flexbox + Grid), модальные окна.
JavaScript: динамическая загрузка товаров, корзина, барабан призов.
Изображения: используются placeholder или генерируются по названию товара.
Адаптация: под мобильные устройства.
Тестирование: функциональное тестирование, UI/UX-тестирование, автоматизация.

🦧 Как это работает

HTML / CSS: структура интерфейса, темная тема, гифка ведущего, прогрессбар, анимация дрожания.
JavaScript: логика тестирования, таймер на каждый вопрос, обработка ответов, отображение результата.
Гифки: используются из Giphy для создания живого взаимодействия с ведущим.
Логика теста: 30 вопросов с 5 вариантами ответа, оценка по шкале: "Офер", "Позвоним", "Пшел отсюда".
Таймер: ограничение времени на ответ, анимация дрожи за 5 секунд до окончания.
Адаптация: удобное отображение на мобильных устройствах и десктопах.

🦧 Как это работает

Вопросы хранятся в массиве questions, где каждый объект содержит вопрос, варианты ответов и правильный ответ.
Каждый вопрос отображается по очереди, а пользователь выбирает ответ с помощью радиокнопок.
При нажатии на кнопку "Следующий вопрос" проверяется выбранный ответ.
Если ответ правильный, счет увеличивается.
После завершения всех вопросов показывается результат.
Тест адаптирован для светлой и тёмной темы.