Техническое задание: Вёрстка интерактивного квиза

Цель проекта

Создать точную, кроссбраузерную и адаптивную вёрстку интерактивного квиза на основе предоставленного дизайн-макета в Figma.

Ключевые требования

  • Реализация pixel perfect вёрстки, полностью соответствующей макету.
  • Адаптивность под основные разрешения экранов (десктоп, планшет, мобильные устройства).
  • Полная интерактивность всех элементов квиза (кнопки, переключение вопросов, выбор ответов).
  • Корректное отображение во всех современных браузерах.

Требования к структуре и технологиям

Критерии выбора стека технологий:

  • Удобство управления контентом: Решение должно позволять легко создавать копии квиза, менять тексты, изображения и порядок вопросов без глубокого вмешательства в код.
  • Гибкость для интеграций: Вёрстка должна быть подготовлена для последующего подключения к системам аналитики, CRM или другим сервисам (через API или JavaScript).
  • Чистота кода: Логичная, комментированная структура, использование семантических тегов.

Ожидаемый результат

Готовый набор HTML, CSS и JavaScript файлов (или проект в выбранном фреймворке), который представляет собой полностью рабочий фронтенд квиза. Все элементы должны быть кликабельны, а логика перехода между вопросами - реализована. Файлы должны быть организованы и переданы в архиве.