Skip to content

Latest commit

 

History

History
63 lines (46 loc) · 2.44 KB

File metadata and controls

63 lines (46 loc) · 2.44 KB

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

Vue.jsVuetify

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