Skip to content

Maskedup001/angular-auth-prototype

Repository files navigation

ProtoType: Client-Side Auth & UI Concepts

Status: Educational Prototype (MVP) > Данный проект является концептуальным прототипом для отработки механизмов авторизации на стороне клиента и тестирования архитектурных решений в Angular.


🎯 Цель прототипа

Этот репозиторий служил "песочницей" для проектирования основной системы. Здесь реализованы и протестированы ключевые функции безопасности и интерфейса, которые позже легли в основу основного проекта админ-панели.


🔑 Протестированные технологии

1. Авторизация и безопасность

  • Auth Guard: Реализация защиты роутов. Доступ к внутренним страницам ограничен для неавторизованных пользователей.
  • Token Handling: Отработка логики хранения и передачи токенов/сессий.
  • Redirection Logic: Автоматический редирект пользователя на страницу логина при отсутствии прав доступа.

2. UI/UX Концепции

  • 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 — Стандартные конфигурации окружения.

⚙️ Как запустить

  1. npm install — установка зависимостей.
  2. ng serve — запуск локального сервера.
  3. Перейдите по адресу http://localhost:4200/.

Проект заархивирован и используется как база знаний для текущих разработок.

About

Прототип клиентской авторизации и защиты маршрутов (Angular Route Guards & JWT)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors