Skip to content

О проекте

Integ Admin — это админ-панель для управления интеграциями с integ-core. Приложение построено на Angular 20 с использованием Server-Side Rendering и Angular Material.

Что это такое?

Integ Admin предоставляет удобный веб-интерфейс для:

  • Управления интеграциями — создание, редактирование, удаление интеграций
  • Управления credentials — настройка учетных данных для интеграций
  • Управления secrets — безопасное хранение секретов
  • Управления handlers — настройка обработчиков событий
  • Управления access tokens — генерация и управление токенами доступа

Технологический стек

Frontend

  • Angular 20 — современный фреймворк с standalone components
  • Angular Material 20 — UI компоненты с Material Design 3
  • Angular SSR — Server-Side Rendering для улучшенного SEO
  • TypeScript 5.8+ — строгая типизация

State Management

  • @ngneat/elf — легковесное state management решение
  • @ngneat/elf-devtools — инструменты разработчика
  • @ngneat/elf-persist-state — персистентность состояния

Утилиты

  • RxJS 7.8 — реактивное программирование
  • date-fns — работа с датами
  • jwt-decode — декодирование JWT токенов

Архитектура

Приложение построено по модульной архитектуре с четким разделением на:

  • Core — ядро приложения (сервисы, guards, interceptors)
  • Admin — админская секция (layout, страницы)
  • Shared — переиспользуемые компоненты
src/app/
├── core/           # Ядро приложения
├── admin/          # Админ секция
└── shared/         # Shared компоненты

Философия проекта

Проект следует принципам:

  • Минимализм — код должен быть максимально лаконичным
  • Типобезопасность — вся кодовая база строго типизирована
  • Модульность — каждая сущность в своем модуле
  • Standalone Components — современный подход Angular без NgModules

Следующие шаги

SaaS Admin Documentation