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
305 B
305 B
Pipes
Custom pipes for data transformation in templates.
Planned Pipes
- co2-level.pipe.ts : Transform CO2 ppm → level (excellent/good/poor)
- relative-time.pipe.ts : Transform timestamp → "5 minutes ago"
Conventions
- Naming: kebab-case with
.pipe.tssuffix - Standalone: true