How mariamomri/projet-angular works
PermissionRoles is an Angular training-management application with role-aware login and separate administration, learner, and overview screens. The main workflow is login against user records, then navigation to a dashboard or a domain screen to manage or view training data. Sampled component code confirms HTTP access for users, trainees, trainers, and courses; the profile screen is documented by routing and the tree, but its behavior was not sampled.
Main entry points: app.routes.ts Route table · login.ts Login · dashboard.ts Dashboard · auth.ts Authentication
Components 13
Application navigation
- Application shell
src/app/app.ts - Route table
src/app/app.routes.ts - Dashboard
src/app/components/dashboard/dashboard.ts
Identity and roles
- Login
src/app/components/login/login.ts - Authentication
src/app/services/auth.ts
Training operations
- Trainee management
src/app/components/gestion-stagiaires/gestion-stagiaires.ts - Trainer management
src/app/components/gestion-formateurs/gestion-formateurs.ts - Course management
src/app/components/gestion-formations/gestion-formations.ts - My courses
src/app/components/mes-formations/mes-formations.ts - Trainee profile
src/app/components/profil-stagiaire/profil-stagiaire.ts
Data services
- JSON API
- JSON data
database/db.json
Other components
- User
Connections 18
- User → Application shell: opens app
- Application shell → Route table: hosts routes
- Route table → Login: routes login
- Route table → Dashboard: routes dashboard
- Route table → Trainee management: routes trainees
- Route table → Trainer management: routes trainers
- Route table → Course management: routes courses
- Route table → My courses: routes courses
- Route table → Trainee profile: routes profile
- Login → Authentication: checks credentials
- Authentication → JSON API: fetches users
- JSON API → JSON data: reads records
- Login → Dashboard: navigates on success
- Dashboard → Authentication: logs out
- Trainee management → JSON API: manages trainees
- Trainer management → JSON API: manages trainers
- Course management → JSON API: manages courses
- My courses → JSON API: fetches courses