1. Взаимодействие с бэкендом: Приложение должно обращаться к следующим эндпоинтам бэкенда, работающего на
2. Сервер фронтенда на
o Получение списка персон: GET /people
o Получение данных персоны по ID: GET /people/{id}
o Создание новой персоны: POST /people
o Обновление данных персоны по ID: PUT /people/{id}
o Удаление персоны по ID: DELETE /people/{id}
3. SPA-архитектура: Приложение должно быть разработано с использованием SPA-технологии (Single Page Application), где все действия и навигация осуществляются без перезагрузки страницы.
4. Отображение списка персон: для каждой персоны выводить ее айди и имя, кнопку удаления. При клике на кнопку удаления должен отправляться DELETE-запрос на соответствующий эндпоинт.
5. Создание и редактирование персоны: создать форму, где можно ввести имя новой персоны или отредактировать имя существующей персоны, найдя ее по айди. Форма должна иметь кнопку "Сохранить", при клике на которую отправляется соответствующий POST- или PUT-запрос на бэкенд.
6. Валидация данных: выполнить валидацию входных/выходных данных на клиентской стороне. Проверять, что имя персоны не является пустым и соответствует заданным ограничениям (минимальное количество символов в имени 2 максимальное 30). Выводить сообщения об ошибках при некорректных данных.
7. Стилизация: черно/белая
8. Разработка должна быть выполнена с использованием интегрированной среды разработки (IDE) WebStorm.