Description
Role OverviewWe are looking for a **Senior Frontend Developer** to build and maintain our high-performance betting platform using **Angular v19+** and **NgRx**. This role focuses on creating pixel-perfect implementations from Figma designs, real-time betting features, and enterprise-grade web applications.You will transform complex designs into blazing-fast, responsive Angular applications handling real-time data streams, complex user journeys, and financial transactions across desktop and mobile browsers.## Key Technologies– **Angular v19+** – Primary framework with standalone components and signals– **NgRx** – State management with effects, entity adapters, and store devtools– **RxJS** – Reactive programming for real-time data streams– **TypeScript 5.8+** – Strict type-safe development– **SignalR** – Real-time bidirectional communication for live updates– **Angular Material** – UI component library with CDK## Responsibilities– **Pixel-Perfect Implementation:** Transform Figma designs into high-quality Angular components matching exact specifications.– **State Management:** Architect and maintain NgRx stores, effects, and selectors for complex application state.– **Real-Time Features:** Develop SignalR hub connections for live betting updates, price changes, and market data.– **Performance Optimization:** Implement OnPush change detection, lazy loading, and bundle optimization to achieve exceptional loading speeds.– **API Integration:** Work with backend developers to integrate RESTful APIs, handle interceptors, and manage authentication flows.– **Code Quality:** Write maintainable, scalable code following YAGNI, KISS, and DRY principles. Participate in code reviews and maintain zero linter warnings.– **Cross-Browser Compatibility:** Ensure compatibility across browsers and devices (desktop and mobile).– **Component Architecture:** Build reusable components, custom pipes, and directives following Angular best practices.– **Reactive Programming:** Implement complex data flows using RxJS operators (switchMap, mergeMap, takeUntil patterns).– **Security Implementation:** Handle JWT authentication, route guards, and secure token management for financial applications.## Requirements### Must-Have– **Experience:** 5+ years of professional Angular development (Angular 14+ required, Angular v19+ preferred).– **NgRx Expertise:** Strong hands-on experience with NgRx store, effects, entity, and devtools.– **RxJS Mastery:** Expert-level proficiency with Observables, Subjects, and reactive patterns.– **TypeScript:** Deep understanding of TypeScript with strict mode, generics, and advanced types.– **Angular Material:** Experience implementing Material Design components and CDK utilities.– **Real-Time Applications:** Experience with SignalR, WebSockets, or similar real-time communication.– **Performance Optimization:** Expertise in OnPush change detection, lazy loading, and bundle optimization.– **Coding Principles:** Demonstrate understanding of YAGNI, KISS, and DRY with clean, maintainable code.– **Agile Experience:** Comfortable with Scrum ceremonies, sprint planning, and collaborative development.– **English Proficiency:** Professional workplace English skills for daily communication, technical discussions, documentation, and code reviews.### Should-Have– **Angular Signals:** Experience with Angular’s new reactive primitives (signal(), computed(), effect()).– **Standalone Components:** Familiarity with Angular’s standalone component architecture.– **SCSS/Sass:** Strong CSS preprocessor skills with custom theming and variables.– **Reactive Forms:** Expert-level form building with FormBuilder, custom validators, and complex validation logic.– **Route Guards:** Experience implementing auth guards, resolvers, and lazy-loaded modules.– **HTTP Interceptors:** Building custom interceptors for auth tokens, error handling, and loading states.– **ESLint:** Familiarity with Angular ESLint rules and TypeScript linting.– **Figma:** Proficiency in interpreting Figma designs and extracting design tokens.– **Git Workflow:** Proficient with version control, branching strategies, and pull request reviews.### Nice-to-Have– **Betting/Gaming Industry:** Previous experience developing betting platforms, sportsbooks, or online gaming applications.– **Payment Integration:** Experience with payment gateways (Adyen, Apple Pay, Google Pay).– **Analytics Integration:** Experience with Firebase Analytics, Application Insights, or mParticle.– **Contentful CMS:** Experience integrating headless CMS for content delivery.– **npm libraries:** Experience publishing npm libraries.– **Regulatory Awareness:** Familiarity with gambling regulations and compliance (Australian regulations preferred).– **Responsive Design:** Strong responsive design skills across all device sizes.– **Accessibility:** Knowledge of WCAG guidelines and ARIA attributes.– **Testing:** Experience with Cypress for Angular applications.## Portfolio RequirementsYour portfolio should demonstrate:1. **Angular Applications** – Links to live Angular applications or detailed case studies2. **Code Samples** – GitHub repositories showing NgRx implementation, component architecture, and TypeScript patterns3. **State Management** – Examples of complex NgRx store design with effects and selectors4. **Real-Time Features** – Evidence of WebSocket/SignalR integration for live data5. **Performance Focus** – Examples of optimization techniques (lazy loading, OnPush, bundle analysis)6. **Open Source Contributions** – Links to open source projects you have contributed to or published npm librariesWe are particularly interested in seeing:– Applications built with Angular 14+ and NgRx– Complex reactive data flows with RxJS– Clean, well-structured component architecture– Responsive implementations from design specifications