UI Specialist - Java script

Job description

RESPONSIBILITIES - Build and enhance features for a hybrid mobile application targeting iOS, Android, and PWA using Angular, Ionic, and Capacitor. - Develop standalone Angular components with lazy-loaded routing, Angular Signals, and reactive patterns (RxJS) to deliver responsive and maintainable UIs. - Implement and consume native device capabilities (camera, geolocation, push notifications, filesystem, and platform sensors) through Capacitor plugins. - Write and maintain unit tests using Jest with Angular TestBed, MockStore, and HttpClient testing utilities to ensure code reliability. - Work within an NX monorepo containing multiple feature and shared libraries. - Translate high-level designs into low-level implementation, creating models, services, and facades that align with established architectural patterns. - Monitor and optimize mobile UI performance through lazy loading, code splitting, caching, and bundle-size management. - Troubleshoot platform-specific issues across iOS, Android, and web, analyzing logs, native bridges, and runtime behavior. REQUIRED SKILLS - Angular 19+ (Standalone Components): Standalone component architecture, dependency injection via inject(), Angular Signals, lazy-loaded routing with guards, and HTTP interceptors. - Ionic 7 + Capacitor 7: Hybrid mobile development with Ionic UI components, Capacitor native bridge, platform-specific behavior handling, Auth Connect, and Identity Vault. - TypeScript 5.5+ (Strict Mode): Strong typing with interfaces, generics, type guards, strict null checks, and no implicit any. - RxJS 7: Reactive programming with Observables, Subjects, key operators (switchMap, combineLatest, forkJoin, etc.), and subscription lifecycle management. - NX Monorepo (pnpm): Workspace architecture with 80+ libraries, project boundaries, affected-based CI, and pnpm package management. - Mobile and Native Patterns: Capacitor plugin integration (camera, geolocation, push notifications, filesystem), deep linking, PWA/Service Worker, and app lifecycle management across iOS, Android, and web. - Unit Testing with Jest: Angular TestBed testing with mocking (jest.fn, jest.spyOn, provideMockStore), fakeAsync/tick, and Ionic web component schemas. - Data Visualization: Chart.js for graphs, Google Maps API for map rendering and geofences, and D3.js for Gantt/timeline charts. - Real-Time Communication: WebSocket integration using RxJS webSocket() for live data updates with authenticated connections. - Internationalization (i18n): Multi-language support using TranslateModule/Transloco patterns with language selection flows and translation key conventions. - Firebase Analytics: Custom event tracking and screen view logging integration. - Facade Pattern: Abstraction layer over state management, encapsulating store dispatch and selector logic behind clean service APIs. **Experience required:** 3-5 years ROLE DEFINITION Designs, develops, and maintains hybrid mobile applications (iOS, Android, PWA) within a large-scale NX monorepo. Writes clean, performant, and testable code using modern Angular and Ionic/Capacitor, collaborating with cross-functional teams to deliver high-quality mobile experiences for fleet management users. DEGREE REQUIREMENT B. Tech/B.E. in Computer Science or a related field from an accredited institution (or equivalent professional experience). RESPONSIBILITIES - Build and enhance features for a hybrid mobile application targeting iOS, Android, and PWA using Angular, Ionic, and Capacitor. - Develop standalone Angular components with lazy-loaded routing, Angular Signals, and reactive patterns (RxJS) to deliver responsive and maintainable UIs. - Implement and consume native device capabilities (camera, geolocation, push notifications, filesystem, and platform sensors) through Capacitor plugins. - Write and maintain unit tests using Jest with Angular TestBed, MockStore, and HttpClient testing utilities to ensure code reliability. - Work within an NX monorepo containing multiple feature and shared libraries. - Translate high-level designs into low-level implementation, creating models, services, and facades that align with established architectural patterns. - Monitor and optimize mobile UI performance through lazy loading, code splitting, caching, and bundle-size management. - Troubleshoot platform-specific issues across iOS, Android, and web, analyzing logs, native bridges, and runtime behavior. REQUIRED SKILLS - Angular 19+ (Standalone Components): Standalone component architecture, dependency injection via inject(), Angular Signals, lazy-loaded routing with guards, and HTTP interceptors. - Ionic 7 + Capacitor 7: Hybrid mobile development with Ionic UI components, Capacitor native bridge, platform-specific behavior handling, Auth Connect, and Identity Vault. - TypeScript 5.5+ (Strict Mode): Strong typing with interfaces, generics, type guards, strict null checks, and no implicit any. - RxJS 7: Reactive programming with Observables, Subjects, key operators (switchMap, combineLatest, forkJoin, etc.), and subscription lifecycle management. - NX Monorepo (pnpm): Workspace architecture with 80+ libraries, project boundaries, affected-based CI, and pnpm package management. - Mobile and Native Patterns: Capacitor plugin integration (camera, geolocation, push notifications, filesystem), deep linking, PWA/Service Worker, and app lifecycle management across iOS, Android, and web. - Unit Testing with Jest: Angular TestBed testing with mocking (jest.fn, jest.spyOn, provideMockStore), fakeAsync/tick, and Ionic web component schemas. - Data Visualization: Chart.js for graphs, Google Maps API for map rendering and geofences, and D3.js for Gantt/timeline charts. - Real-Time Communication: WebSocket integration using RxJS webSocket() for live data updates with authenticated connections. - Internationalization (i18n): Multi-language support using TranslateModule/Transloco patterns with language selection flows and translation key co