О проекте
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
Следующие шаги
- Быстрый старт — начните работу с проектом
- Секреты и Doppler — настройка переменных окружения
- Архитектура — узнайте больше об архитектуре
- Правила стилей — гайдлайны по написанию SCSS
- Правила кода — code style и best practices
- API Reference — изучите API сервисов