Skip to content

blessMe-Padre/order-testovoe-

Repository files navigation

[Тестовое задание на HTML-верстальщика]

ТЗ

  • Сверстана страница "Оформления заказа".
  • Использовалась методология БЭМ.
  • Препроцессор - SASS
  • Эффекты наведения и взаимодействия выполнены с параметром transition 0.3s.
  • Реализована вся логика переключателей, кнопок, бургеров, обработка полей, отправка формы .
  • При успешной отправке форме появляется модальное окно
  • Поле адрес и карта связаны, при вводе адреса на карте должен отобразиться маркер
    Для данного пункта использовались Dadata и yandex-map.
  • При оформлении заказа должен происходить сбор информации в объект FormData. Собранные данные выводятся в console.log().

Краткая инструкция по работе

Для начала работы у вас должент быть установлен Node.js

Основные команды для работы

  • Установка - npm i
  • Запуск локального сервера - npm start
  • Сборка проекта, минификация скриптов
    и оптимизация изображений перед деплоем на прод - npm run build
  • Запуск тестирования на соответствия кодгайдам - npm test
  • Создание webp изображений в директории source - npm run webp

Вся разработка ведётся в директории source

Итоговый код попадает в директорию build

Тестовое задание на HTML-верстальщика