Тестовое задание
Демонстраия развернута на https://chochief.github.io/carusel_spa/
Создать SPA с использованием Vue.js
В приложении должно быть реализовано:
- sticky header
- карусель картинок
- форма обратной связи
- отзывчивость (responsive)
- Home, About Us, Contact Us
- Оформление любое
- Добавить место внизу страницы, чтобы проверить липкость
- Содержит набор картинок, являющихся ссылками
- Возможность свайпить (как на мобильных, так и на десктоп)
- Должна быть адаптивной. На мобильных устройствах - 1 картинка, на настольных - 3
- Вся функциональность должна работать на моб. устройствах
- Дизайн любой
- Сделать маршрут /contact и переход по нему из меню
- Форма с полями (поля хранить в Vuex)
- Поле Name - заполняется значением по умолчанию из Vuex. Валидация - не короче 3 символов.
- Поле Phone - маска номера телефона страны пользователя. Валидация - 11 символов (включая код страны)
- Поле Message - textarea. Счетчик введенных символов (максимум 250).
- После отправки формы, обновить данные в Vuex.
- Разместить json-файл с ответом сервера об успешной отправке формы. Сделать иммитацию запроса к серверу. Ответ с сообщением об успешной отправке показать пользователю.
- Vue Cli
- Любые ccs/js-библиотеки
- Любые изображения
- Любые mixin/sass/less
- Разместить собранный проект, чтобы можно было визуально оценить выполнение задания (GitHub Pages).
- Учитывается не только качество кода, но и проработка визуальной части.
- Качество кода: чистый, читаемый, отформатированный код с правильной архитектурой.
- Разместить кода в публичном репозитории (GitHub).
- Сообщить сколько времени потребовалось на задание.
npm install
npm run serve
npm run build
npm run test
npm run lint
serve -s dist
https://cli.vuejs.org/ru/guide/deployment.html#общие-рекомендации