ProtoType: Client-Side Auth & UI Concepts
Status: Educational Prototype (MVP) > Данный проект является концептуальным прототипом для отработки механизмов авторизации на стороне клиента и тестирования архитектурных решений в Angular.
Этот репозиторий служил "песочницей" для проектирования основной системы. Здесь реализованы и протестированы ключевые функции безопасности и интерфейса, которые позже легли в основу основного проекта админ-панели.
🔑 Протестированные технологии
1. Авторизация и безопасность
- Auth Guard: Реализация защиты роутов. Доступ к внутренним страницам ограничен для неавторизованных пользователей.
- Token Handling: Отработка логики хранения и передачи токенов/сессий.
- Redirection Logic: Автоматический редирект пользователя на страницу логина при отсутствии прав доступа.
- Layout Scaffolding: Создание базовой структуры приложения (Sidebar, Header, Content Area).
- Modular UI: Эксперименты с разделением интерфейса на переиспользуемые модули.
- Reactive Forms: Базовая валидация полей ввода для форм входа.
- Framework: Angular 16+
- Language: TypeScript
- Security: Angular Router Guards
- Styling: SCSS
- src/ — Исходный код прототипа (компоненты, сервисы, гварды).
- lesson/ — Архив учебных материалов и промежуточных этапов разработки (история обучения).
- angular.json / package.json — Стандартные конфигурации окружения.
- npm install — установка зависимостей.
- ng serve — запуск локального сервера.
- Перейдите по адресу http://localhost:4200/.
Проект заархивирован и используется как база знаний для текущих разработок.