Frontend Guide

Frontend Guide

Tech Stack

• React 19 + TypeScript
• Client-side service modules for API integration
• Dashboard/component modules for role-specific experiences

Main Areas

• Authentication and session-aware routing
• Admin, Technician, Consumer dashboards
• Device metrics and alert visualization
• Order and operations workflows

Development Commands

cd frontend
npm install
npm test
npm start

Quality Expectations

• Keep components modular and typed
• Validate role-based access in UI routes/views
• Prefer deterministic, testable data transforms

Performance Guidance

• Avoid over-fetching and redundant polling
• Use memoization/selective rerendering where it matters
• Keep bundle-impactful dependencies under review