Front-End Engineer

Company Overview: IRISS, Inc. is a leading innovator in the field of advanced technological solutions, providing cutting-edge products and services to enhance safety, reliability, and efficiency of assets across various industries. Our commitment to pushing boundaries and delivering exceptional solutions has positioned us as a trusted partner for clients seeking top-tier technical expertise in Condition Based Monitoring. About the Product: Join our team working on an enterprise-grade asset management and IoT monitoring platform. The application helps organizations track assets, monitor sensors in real-time, manage work orders, and generate comprehensive reports for predictive maintenance and operations management. IRISS Inc - Leader in Electrical Maintenance Safety Solutions IRISS - YouTube Position: Front-End Engineer Location: Bengaluru, India Job Overview: Build delightful, robust UI with Angular 18+, TypeScript, HTML, and CSS. Collaborate closely with backend engineers, firmware, and data teams to ship features that are fast, accessible, and reliable in industrial environments. Technical Stack Core Technologies: - Angular 18 (latest version with standalone components support) - TypeScript 5.5 - RxJS 7.4 for reactive programming - ASP.NET Zero framework (Angular UI) UI/UX Libraries: - PrimeNG 17 (data tables, calendars, modals, forms) - ngx-bootstrap 18 (additional UI components) - ngx-charts (data visualization) - Chart.Js & D3.Js (advanced charting) - FullCalendar (scheduling and calendar views) - Angular Gridster2 (customizable dashboards) - Angular Material State Management & Real-Time: - SignalR for real-time notifications and updates - Custom service layer with shared state management - RxJS Observables for data flow - NgRx or alternative state management Additional Technologies: - Luxon for date/time handling - AWS SDK and S3 integration for file storage - OpenTelemetry for observability - OAuth2/OIDC for authentication - SweetAlert2 for notifications - ngx-image-cropper, ng2-file-upload for media handling Responsibilities: - Develop and maintain complex Angular components for asset management, IoT sensor monitoring, work orders, and reporting modules - Build real-time data visualization dashboards using PrimeNG, Chart.Js, and D3.Js - Implement responsive, accessible UI components following established design patterns - Consume REST/GraphQL APIs; handle auth flows, pagination, caching, and error states - Build charts/tables for sensor telemetry (e.G., ngx-charts, Angular Material/PrimeNG) - Work with RxJS operators for complex data transformations and state management - Optimize application performance for large datasets (315+ components) - Write unit tests (Jasmine/Jest) and contribute to E2E tests (Playwright/Cypress) - Optimize performance (bundle size, change detection, onPush, lazy loading, Web Vitals) - Participate in code reviews, design discussions, and incremental refactors - - Collaborate on CI/CD hygiene and basic troubleshooting in dev/test environments Qualifications: - Bachelor's degree in computer science or information technology - Strong Angular 16+ (preferably 18+) and TypeScript fundamentals - Proficient HTML5/CSS3 (responsive layouts, Flex/Grid) and component-driven design - State and data handling with RxJS (observables, subjects, operators) - Deep understanding of Angular modules, services, dependency injection, routing - Comfortable integrating REST APIs; familiarity with auth (JWT/OAuth) - Testing mindset: unit tests and basic E2E exposure - Experience with Git workflows and CI/CD pipelines Nice-to-Have - Experience with AWS services (S3, CloudFront, CloudWatch) - UI libs: Angular Material, PrimeNG, or equivalent - Experience with real-time communication (SignalR, WebSockets, or similar) - Data viz for time-series (sensor) data; ngx-charts, Chart.Js, or Recharts - Basic backend familiarity (.NET Core, Entity Framework, Python) for better collaboration - Exposure to SQL and InfluxDB (time-series) - Knowledge of ASP.NET Zero or ABP framework - Experience with OpenTelemetry or APM tools - Knowledge of accessibility standards (WCAG) - Experience with Yarn package manager - Experience in industrial/IoT domains - Contributions to open-source Angular projects Experience Bands Mid-Level Front-End Engineer (3–5 years) Owns medium-sized features end-to-end, mentors juniors, raises code quality Strong RxJS patterns, performance tuning, and accessibility best practices (WCAG) Comfortable proposing refactors and improving DX (lint rules, schematics, Storybook, etc.) What You'll Build: - Real-time sensor monitoring dashboards with live data updates - Complex data tables with filtering, sorting, pagination (1000s of records) - Interactive work order management systems with scheduling - Report generation interfaces with multiple export formats - Asset management interfaces with hierarchical location structures - Customizable dashboard widgets with drag-and-drop - Multi-step forms with validation and conditional logic Development Environment Node.Js 16+ Yarn package manager Angular CLI Modern IDE (VS Code recommended) NSwag for API client generation Compensation: Competitive salary, benefits, and strong growth opportunities