Files
MSE-PI-E2EEDA-Plein-de-eeee…/ui/src/app/services/README.md
khalil liloulah 809ba438e2 feat(ui): create organized folder structure for application
Folder Structure:
- components/ : UI components (room-map, details-panel, header, legend, footer)
- services/ : Business logic and API communication
- models/ : TypeScript interfaces for data typing
- guards/ : Route guards for authentication (future)
- interceptors/ : HTTP interceptors for request/response handling
- pipes/ : Custom pipes for data transformation
- directives/ : Custom directives for DOM behaviors
- utils/ : Pure utility functions and helpers

Documentation:
- Added README.md in each folder documenting:
  - Folder purpose and planned contents
  - Naming conventions
  - Usage examples

This structure follows Angular best practices and supports:
- Standalone components (Angular 18)
- Clean separation of concerns
- Scalable architecture
- Easy navigation with path aliases (@models, @services, etc.)

Closes #25
2026-04-15 19:51:44 +02:00

465 B

Services

Angular services for business logic and API communication.

Planned Services

  • analytics.service.ts : Backend communication (REST API)
  • websocket.service.ts : Real-time communication (WebSocket)
  • room-data.service.ts : Room state management
  • notification.service.ts : Toast/snackbar display

Conventions

  • Naming: camelCase with .service.ts suffix
  • Injectable: providedIn: 'root'
  • RxJS: Use Observables for data streams