Техническое задание.
*Имеется чистая верстка без функционала JS. Необходимо c помощью модульной структуры создать функционал и выполнить ряд задач:
- Модальные окна, открытие/закрытие;
- Акция-подарок, доп. функционал;
- Слайдеры, навигация, анимация;
- Отправка данных форм;
- Маска и валидация номера телефона, исправление проблем с автозаполнением;
- Подгружение доп. контента в двух вариантах;
- Калькулятор - расчет стоимости картины;
- Фильтр: просмотр портфолио по категориям;
- Замена img при наведении на образцы картин;
- Аккордеон: вопрос-ответ;
- Бургер-меню;
- Плавный скролл для якорных ссылок;
- Drag & Drop загрузка изображения.
Подробное описание ТЗ в формате PDF по ссылке.
*Примечание:
Данная верстка проекта возможно полностью не адаптирована под разные устройства и ширину экрана устройств. Данный макет верстки выдали на курсе, где необходимо было внедрить только функционал JS.
Для запуска проекта, впишите следующие команды в терминал:
npm i
gulp
json-server src/data/db.json
Команду для json-server необходимо запустить в новом терминале.