Пробное задание на Vue3 + Vuetify

URL: https://sasketeen.github.io/workersControl/

Это задание является моим первым опытом работы в библиотекой компонентов Vuetify. А данном проекте реализована простая панель просмотра работников. На панели можно:

• фильтровать работников по специальному бейджу
• фильтровать работников по ряду параметров (полу, гражданству, должности, типу договора)
• добавлять нового работника (форма реализована в модальном окне)
• искать работника по имени

Какие есть особенности:

• фильтровать работников можно сразу по нескольким условиям
• можно объединять поиск и фильтрацию
• реализована постепенная подгрузка списка работников
• в форме добавления нового работника есть небольшая валидация при помощи базовых возможностей Vuetify

Что можно улучшить:

• так как это мой первый опыт работы с Vuetify, некоторые решения по стилизации могут быть не самыми оптимальными
• в макете не была представлена мобильная версия, но опционально можно ее реализовать
• улучшить декомпозицию проекта (даже скорее переписать)
• вынести константы в глобальный стейт
• подключить библиотеки для лучшей валидации

Project setup

# yarn
yarn

# npm
npm install

# pnpm
pnpm install

Compiles and hot-reloads for development

# yarn
yarn dev

# npm
npm run dev

# pnpm
pnpm dev

Compiles and minifies for production

# yarn
yarn build

# npm
npm run build

# pnpm
pnpm build