Warning Используй node v16
Тестовый проект полностью собран с использованием готовых функциональных решений и плагинов, таких как Vue-CLI и Vuetify
Необязательно пытаться выполнить задание, используя только Vuetify и CLI. Вы вольны использовать любые плагины и решения, и даже заменять уже готовый код. Мы хотим понять, как Вы подходите к решению задач и пишете код, насколько хорошо разбираетесь в базовых принципах языка. Будьте готовы к обсуждению решений на собеседовании.
Выполненное задание необходимо разместить в git и предоставить ссылку.
- Необходимо разделить содержимое компонента
ContentBlock
на отдельные компоненты для фильтров и списка пользователей (допускается использование своей вёрстки). - Добавить в структуру данных списка пользователей
users
недостающие для фильтрации параметры, и предусмотреть возможность его динамической загрузки из внешнего.json API
- Реализовать фильтрацию универсально, используя Vuex (или другое хранилище состояний) так, что бы состояние фильтров было доступно другим компонентам.
- (опционально) Добавить визуальное обозначение процесса фильтрации (preloader).
- Добавить в структуру данных пользователя информацию об адресе проживания и выводить её при клике на портрет.
- (опционально) Сопроводить процесс фильтрации "интересным" визуальным переходом (
transitions
).
npm install
npm run serve