alexandertopskiy / phone-book Goto Github PK

При редактировании контакта появляется сообщение "контакт уже существует"
В функции сравнения нужно исключить сравнение с самим собой

Улучшить UX для подсказок (v-tooltip)

• при создании/редактировании контакта подсказка в поле "дата" перекрывает сообщение об ошибке. на десктопе можно просто отвести курсор, а на мобилке приходится убирать фокус на другое поле

Улучшить функцию поиска контакта
Добавить сравнение с номером без разделителей (номер "123-456" должен совпадать с "123456")

Создать "сетевой слой" (вынести axios-запросы в отдельные сервисы)

Добавить дефолтные контакты (например, скорая/полиция и проч.) для нового пользователя

Или сделать это опцией: предложить пользователю добавить их после регистрации (мини-онбординг)

Добавить в MenuList ссылку на этот проект

Сделать так, чтобы в один момент времени только одна карточка контакта была открыта (при открытии карточки предыдущая должна закрываться)

Сейчас вот так:

Возможное решение: переделать v-list-group на v-expansion-panel

При удалении контакта открывается следующий элемент списка
Нужно сделать, чтобы при добавлении/удалении все контакты были закрыты, а при обновлении обновляемый контакт оставался открытым

• На мобилке снэкбар скрыт за адресной строкой, нужно поместить повыше
• Из-за этого плохой UX, а также в случае ошибки его невозможно скрыть, т.к. кнопка закрытия не видна пользователю

• Подсказку про дату можно убрать с мобилки, т.к. ручной ввод там все равно недоступен
• Также в десктопной версии слово "дата" перенести, сделать перед скобками

При загрузке контактов иконки пользователей на мгновение квадратные, а потом быстро становятся круглыми

Проблема встречается в Safari (Десктоп и iOS)

Возможное решение: грузить картинку асинхронно, во время загрузки показывать маленький спиннер

На странице авторизации смена языка происходит дергано на мобилках
Либо анимировать момент flex-wrap'а, либо переверстать блок кнопок в форме авторизации

Возможные решения:

• https://codepen.io/KeithDC/pen/XYMgQj
• https://codepen.io/hideya/pen/Jamabx
• https://stackoverflow.com/questions/32504619/adding-animation-to-flex-wrap

В боковом меню (или рядом с серч-баром) добавить кнопку удаления всех контактов

При открытии карточки контакта доскролить список до него, чтобы все данные и кнопки были видны пользователю

В группировке контактов по первой букве баг (нужно убрать чувствительность к регистру)

Например, в этом случае оба контакта на букву "u" должны быть в одной группе

При импорте контактов проскакивают ошибки, нужно пофиксить логику сравнения с уже существующими

В переключателе языка (компонент LangSwitch) не работает text-align для select в Safari

Возможное решение:

• https://codepen.io/samhtfc/pen/powQVWX

При смене языка в боковом меню обновление самого меню происходит только после обновления страницы

Перенести часть кода (или весь?) на TypeScript для практики

На маленьких девайсах верстка выглядит плохо, нужно адаптировать:

Увеличить нижний отступ у подсказки при заполнении даты, чтобы верхний/нижний отступы был симметричны

Сейчас не очень красиво смотрится: