Создать простое SPA приложение "Телефоный справочник"

Fronend

Использовать:

• html5, css, js
• vuejs или vuetify

Первая страница

Таблица с контактами и телефонами. Контакт может иметь несколько телефонов. Над таблицей, кнопка Добавить контакт и Поиск по справочнику. Возле Контакта кнопка Добавить телефон.

Колонка в таблице "Actions" и в ней отрисовать для каждого Контакта кнопку "Редактировать" и "Удалить".

Вторая страница

Форма создания. После заполнения полей и нажатия кнопки "Сохранить" создается новая запись в справочнике и перенаправляет к первой странице. В таблице должна отображаться новый Контакт.

• При нажатии "Редактировать" переходит к форме редактирования Контакта.
• При нажатии "Удалить" удаляет Контакт.

API

Для API использовать Backend сервер

Backend

Не использовать фреймворк

Использовать: php + mysql (или любую БД).

Разделить архитектуру на Controller и Model.

Использовать Composer Autoloading

Обязательно

Разместить рабочую версию в github.com, с readme.md файлом как развернуть. проект

Не обязательно

Использовать docker контейнеры.