Тестовое задание - разработать приложение для условной админки
- Приложение должно быть написано на vue.js
- Для сборки приложения нужно использовать Webpack
- Нельзя использовать vue-cli, сборку настраиваем вручную
- Верстаем по макету, стремимся сделать pixel-perfect, уделяем внимание мелочам
- Уделяем внимание структуре приложения, разделению на абстрактные части
- Само приложение представляет из себя общий лэйаут админки + набор компонентов, из которых можно собирать страницы
- Примеры компонентов: таблица, кнопка, поле поиска
- Содержание меню и содержание страниц должно задаваться каким-то конфигом. То есть в этом конфиге описана структура меню + для каждой страницы указан список блоков с их данными (например таблица с такими-то данными + кнопка с таким-то текстом и ссылкой)
- Все методы, аргументы, свойства, переменные, возвращаемые значения, типы и основные логические моменты должны быть продокументированы в формате jsdoc
- Иконки можно взять с https://feathericons.com
- Адаптировать верстку под мобилки
- Использовать TypeScript
- Настроить проверку синтаксиса с помощью ESlint
- npm install - устанавливаем зависимости
- npm run dev - запускаем локально
- http://localhost:8080/ - открываем в браузере по этому адресу
- npm run lint - запускаем проверку кода
- npm run build - собираем проект в статику
- npm run test - запускаем юнит тесты
- npm run test:watch - запускаем юнит тесты в watch-режиме
- npm run test:storyshots - запускаем сторишот тестирование
- npm run test:storyshots:update - обновляем сторишоты (необходим запущенный сторибук)
- npm run storybook - запускаем сторибук для изолированной разработки компонентов