Employment OS for your Business

Frontend Developer

Sydney, New South Wales 2000, Australia • Full-time
AI Job Summary
  • 5+ years professional Angular development; Angular 14 required, Angular v19+ preferred.
  • Hands-on experience with NgRx store, effects, entity adapters, and store devtools.
  • Experience building real-time features using SignalR, WebSockets, or similar live-update communication.

Role Type

Anywhere • Contract • Full-time • Mid-level Senior

Description

  • Role Overview
  • We 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 Requirements
  • Your portfolio should demonstrate:
  • 1. **Angular Applications** – Links to live Angular applications or detailed case studies
  • 2. **Code Samples** – GitHub repositories showing NgRx implementation, component architecture, and TypeScript patterns
  • 3. **State Management** – Examples of complex NgRx store design with effects and selectors
  • 4. **Real-Time Features** – Evidence of WebSocket/SignalR integration for live data
  • 5. **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 libraries
  • We 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
  • Company Overview

    We value sustainability, transparency and efficiency with our planet and people. We encourage ourselves to build the future that we want to live. For this, our business means much more to us than the revenue it brings.