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
465 B
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.tssuffix - Injectable:
providedIn: 'root' - RxJS: Use Observables for data streams