User Manager (UserCRM)

Важно:
В приложении используется бесплатный фейковый API JSONPlaceholder,
который не сохраняет изменения. Все POST, PUT и DELETE запросы возвращают эмулированный «успех»,
но данные на сервере не меняются. Кроме того, отсутствие тела ответа или особенности CORS могут приводить
к появлению ошибок в HTTP-клиенте — в таких случаях отображается уведомление об ошибке операции.

Live demo

---

О проекте

Angular-приложение для управления списком пользователей:

• Список пользователей — таблица с пагинацией, фильтрацией по имени/email-домену и поиском.
• Детали пользователя — просмотр информации о выбранном пользователе.
• Форма создания/редактирования — реактивная форма с валидацией (обязательные поля, корректный email).
• Удаление пользователя — через модальное подтверждение.
• Ng-Zorro Ant Design для UI-компонентов и стилей.

---

Функциональность по ТЗ

1. Компоненты

   • UserListComponent — список с пагинацией, фильтрами и поиском.
   • UserDetailComponent — подробная информация по id.
   • UserFormComponent — создание/редактирование пользователя.

2. Сервис

   • UserService — методы CRUD:
     • getUsers()
     • getUserById(id: number)
     • createUser(user: any)
     • updateUser(id: number, user: any)
     • deleteUser(id: number)

3. Маршрутизация

   • / — список пользователей
   • /create — форма создания
   • /edit/:id — форма редактирования
   • /user/:id — детали пользователя

4. Формы и валидация

   • Reactive Forms, обязательные поля name, email.
   • Проверка формата email.

5. Дополнительно

   • Ng-Zorro для таблиц, кнопок, модалей и сообщений.
   • Unit-тесты для компонентов и сервиса (Karma + Jasmine).
   • Деплой на GitHub Pages через angular-cli-ghpages.

---

Быстрый старт

1. Клонировать репозиторий

git clone https://github.com/gaminv/user_manager.git
cd user_manager

2. Установить зависимости

npm install

3. Локальный запуск

npm start

Открыть в браузере: http://localhost:4200

4. Запуск тестов

npm test

---