How yeray-portilla/juegalmi works
Juegalmi is an Ionic/Angular app for browsing mobile devices and video games and submitting support requests. The principal flow is login, token-based access to protected tabs, then navigation to a catalog or support page; the catalog data is currently hard-coded, and support submission is a TODO. The app also offers camera capture for support requests. The map reflects shown routes and calls; the interceptor’s behavior is not shown, and backend catalog/ticket integrations are not implemented in the excerpts.
Main entry points: app.routes.ts Route configuration · auth.service.ts Auth service · main.ts App bootstrap · tabs.page.ts Tabbed navigation
Components 16
App navigation
- App bootstrap
ionic/src/main.ts - Root shell
ionic/src/app/app.component.ts - Route configuration
ionic/src/app/app.routes.ts - Tabbed navigation
ionic/src/app/tabs/tabs.page.ts
Authentication
- Login page
ionic/src/app/login/login.page.ts - Auth service
ionic/src/app/auth.service.ts - Auth guard
ionic/src/app/auth.guard.ts - HTTP interceptor
ionic/src/app/auth.interceptor.ts - API configuration
ionic/src/environments/environment.ts
Catalog browsing
- Mobile catalog
ionic/src/app/moviles/moviles.page.ts - Video game catalog
ionic/src/app/videojuegos/videojuegos.page.ts
Support requests
- Support request
ionic/src/app/soporte/soporte.page.ts
Other components
- User
- Backend API
- Device camera
- Browser token storage
Connections 17
- User → App bootstrap: opens app
ionic/src/main.ts - App bootstrap → Root shell: bootstraps
ionic/src/main.ts - App bootstrap → Route configuration: provides routes
ionic/src/main.ts - App bootstrap → HTTP interceptor: registers
ionic/src/main.ts - Route configuration → Login page: loads
ionic/src/app/app.routes.ts - Route configuration → Auth guard: protects tabs
ionic/src/app/app.routes.ts - Route configuration → Tabbed navigation: loads
ionic/src/app/app.routes.ts - Route configuration → Mobile catalog: routes to
ionic/src/app/app.routes.ts - Route configuration → Video game catalog: routes to
ionic/src/app/app.routes.ts - Route configuration → Support request: routes to
ionic/src/app/app.routes.ts - Login page → Auth service: requests login
ionic/src/app/login/login.page.ts - Auth service → API configuration: reads settings
ionic/src/app/auth.service.ts - Auth service → Backend API: posts login
ionic/src/app/auth.service.ts - Auth service → Browser token storage: stores token
ionic/src/app/auth.service.ts - Auth guard → Auth service: checks session
ionic/src/app/auth.guard.ts - Tabbed navigation → Auth service: logs out
ionic/src/app/tabs/tabs.page.ts - Support request → Device camera: captures photo
ionic/src/app/soporte/soporte.page.ts