• Open to senior frontend roles
  • Australian Permanent Resident
  • Sydney local time

Senior Web Engineer · Angular Specialist

I architect high-scale frontends in the Angular ecosystem — Nx monorepos, NgRx, signals. And I work at the front of AI-augmented development, using Model Context Protocol (MCP) servers and Figma Code Connect to shorten the path from design to production code.

Noel Sebastian
01 · of('Noel Sebastian')

02 — scan()

From Kakkanad to Sydney

Every engagement since 2016, in order — the live emission is the role I hold now.

  1. India

    1. Complete

      Oct 2016 — May 2020

      Analyst

      Ernst & Young

      Kakkanad

    2. Complete

      May 2020 — Feb 2022

      Senior Engineer

      QBurst

      Kakkanad

  2. UK

    1. Complete

      Feb 2022 — Dec 2023

      Senior Angular Developer

      SRT Marine Systems PLC

      Cardiff

    2. Complete

      Dec 2023 — Jun 2025

      Senior Engineer

      Direct Line Group

      Leeds

  3. Australia

    1. Current

      Sep 2025 — Present

      Frontend Developer

      Winning Group

      Sydney

  • 10+

    Years experience

  • 3

    Countries delivered

  • 90%+

    Test coverage

  • 35%

    Faster builds

03 — switchMap()

Problems, solved

Four engagements from a decade of shipping, each as problem, approach and result — with the result drawn from the numbers it claims.

  1. 01

    Winning Group

    E-commerce frontend at scale

    Problem
    A legacy e-commerce frontend with slow builds and code duplicated across teams.
    Approach
    Architected an Nx monorepo, led the industry-first migration to Angular v20 with signals, pioneered AI-augmented development with MCP servers and Figma Code Connect, and built a custom UI library to replace legacy dependencies.
    Result
    35% faster CI/CD, 50% more code reuse, 60% smaller bundle, 400ms off First Contentful Paint, a 20% improvement in runtime memory efficiency, $15k/year in technical debt eliminated, a 25% faster design-to-code workflow with 40% less manual UI boilerplate, and a 10,000+ daily transaction order management system with zero critical downtime.
    • Angular v20
    • Nx
    • Signals
    Bundle size, 100% → 40%: 60% smaller after the migration.
  2. 02

    Direct Line Group

    State architecture across 5+ apps

    Problem
    Fragmented Angular repositories with redundant API calls and slow, risky deployments.
    Approach
    Standardised NgRx state management across 5+ repos and hardened CI/CD with automated governance and pre-commit checks.
    Result
    30% fewer client-side API calls, deploys cut from 45 to 12 minutes, 100% zero-downtime releases, mentored 6 junior and mid-level developers to lift sprint velocity 20%, and shortened code review cycles by 15%.
    • NgRx
    • CI/CD
    • Architecture
    5+ repositories converging on one NgRx state architecture, and deploys cut from 45 to 12 minutes — the bars are drawn at true scale.
  3. 03

    SRT Marine

    Real-time marine control UI

    Problem
    Marine control systems needed real-time data rendering without dropping frames.
    Approach
    Solved complex Unity iframe integration and built a shared module library used across three product lines.
    Result
    Steady 60fps real-time rendering, 40% faster feature delivery, 85% test coverage, and a 25% year-over-year reduction in production bugs.
    • Real-time
    • Performance
    • Angular
    Frame time holding flat on the 16.7 ms budget, a steady 60fps. The trace draws the claim, not recorded samples.
  4. 04

    QBurst

    Analytics dashboards

    Problem
    Clients needed to explore million-row datasets interactively.
    Approach
    Built D3.js analytic dashboards on an Angular + NestJS stack for projects with $200k+ budgets.
    Result
    1M+ rows visualised with sub-second latency, giving clients real-time insight.
    • D3.js
    • NestJS
    • Full-stack
    1,000,000 points, binned into a density grid and resolving from coarse to fine. The count is real; the distribution is illustrative.

04 — mergeMap()

Sites, shipped

The freelance side: sites for real businesses, and one product of my own. Every card opens the live site — hover or focus one to run through the whole page.

  • daybook.noel-sebastian.com
    Full-page capture of the Daybook site

    Daybook

    My own product — a task app built on one page a day: anything left unfinished moves to tomorrow wearing a badge that counts the days it has followed you. Typing a task in plain English sets its date, time and category.

    Angular 22 · Supabase · PWA

  • plumber.noel-sebastian.com
    Full-page capture of the PLUMBER. site

    PLUMBER.

    Single-page marketing site for a New York-based plumbing & handyman company — conversion-focused layout built to turn renovation-planning homeowners into booked appointments.

    Astro · Tailwind v4 · TypeScript

    shipped · live

  • topdelrenovation.com.au
    Full-page capture of the Topdel Renovations site

    Topdel Renovations

    Business site for an Australian renovation & construction company — project galleries and service pages built to convert homeowners into qualified leads.

    Renovations · Construction · Australia

    shipped · live

  • laserclinic.noel-sebastian.com
    Full-page capture of the Menzone site

    Menzone

    Private male waxing and laser hair removal studio in Chippendale — full published price list, before-and-after comparison sliders and online booking built to get first-timers over the line.

    Astro · Tailwind v4 · TypeScript

    shipped · live

  • saanjh.noel-sebastian.com
    Full-page capture of the Saanjh site

    Saanjh

    Concept site for a modern Indian restaurant. A canvas night sky pans in depth as you scroll, and a two-step booking flow knows each venue's opening days, offers time slots and hands back a calendar file.

    Astro · Tailwind v4 · Canvas

05 — pipe()

Tools, composed

What I build with, grouped the way my CV groups it. No proficiency ratings: the case studies above are the evidence.

  1. Core

    • Angular
    • TypeScript
    • JavaScript
    • HTML
    • SCSS
    • CSS
  2. Architecture

    • Nx Monorepos
    • Angular Signals
    • RxJS
    • NgRx
    • NGXS
    • Micro-frontends
  3. Testing

    • Jest
    • Jasmine
    • Karma
    • Unit and integration testing
    • 90%+ coverage
  4. AI tooling

    • Model Context Protocol (MCP)
    • Figma Code Connect
    • AI-assisted code review
  5. Also

    • React
    • Next.js
    • Node.js
    • NestJS
    • D3.js
    • AG Grid
    • Bootstrap
    • Ionic
    • Git
    • CI/CD
    • Husky
    • commitlint

06 — subscribe()

Nothing happens until you subscribe.

Hiring for a role, or planning a project? Tell me which, what it involves and when it starts.

I'm looking for (optional)

Or directly

Need a website for your business? I build those too.