contacts

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Тестовое задание для frontend разработчика #3

1. Создать проект на github.
2. Инициализировать проект на Vue.js через Vue CLI
3. Реализовать тестовое задание "Контакты":
   • Сделать приложение, применяя концепцию Material Design.
   • Предусмотреть просмотр, создание, редактирование, удаление контакта, который имеет поля: ФИО, телефоны (множественное поле), email (множественное поле), веб-сайт, день рождения, компания, фото. Для полей предусмотреть маски ввода (email, телефоны). Для дня рождения предусмотреть выбор посредством виджета календаря.
   • Предусмотреть группировку контактов по меткам (друзья, коллеги, и т.п.)
   • Сохранение списка контактов в localStorage
   • В качестве хранилища данных, используйте Vuex
   • Сделать начальный набор контактов, для демонстрации работы списков.
   • Вывод списка контактов в удобной форме (в табличном виде), с возможность фильтрации по меткам.
   • При клике на элемент из списка контактов, открывается карточка контакта в диалоговом окне.
   • Предусмотреть список "Дни рожденья", в котором в хронологическом порядке выводятся ближайшие дни рождения созданных контактов.
4. Залить проект на Github и в README.md описать как билдить и запускать приложение.
5. Предоставить ссылку с готовым приложением на Github pages

Правки Владика # 1

• Добавь пару контактов Сам добавь это ж приложение
• И сделай rules для полей, то что щас с телефоном это не весело
• Добавление фотографии сделай прямиком с компа или мобилки
• Тебе нужно загрузить файл и в формат base64 показать