# WooliesX

## WooliesX

### Duties + Achievements

Hired to plan and build from scratch **Rubix** – a Web-based logistics platform hosting various applications used by Woolworths delivery workers and contractors.

### [Rubix](/content/work/wooliesx#rubix/index.html)

- Rubix and its first application, OTA Tracker, were released to production within the first six months.
- Built a library of core controls and services, with testing and deployment infrastructure.
- Used Figma to single-handedly design early prototypes of Rubix.
- Set up Nx-based mono-repo and SingleSPA-based micro-frontend.
- Set up CI/CD pipelines, hosting setup and DNS routing in Azure.
- Integrated with Woolworths Active Directory for authorization using Keycloak Angular adapter.
- Migrated team to new mono-repo with minimal disruption.
- Optimised CI build+test time down to < 5 minutes per app.
- Multiple teams built on the Rubix platform and Rubix runs 6 apps, with 16 developers across 3 teams.

### [On-Time Arrival Tracker (OTA) app](/content/work/wooliesx#on-time-arrival-tracker-ota-app/index.html)

- Used Web Workers, sparse array pattern and Angular CDK virtualised scrolling for fast, efficient scrolling over massive realtime driver data.
- Prototyped iOS version of the app in Swift/SwiftUI.

### [Street Service Time app](/content/work/wooliesx#street-service-time-app/index.html)

- Built a geographic polygon tool for recording service times at a street level (using LeafletJS and integrating OpenStreetMap and other providers).
- Performed comparison of mapping services to find optimal combinations of price and capability and presented findings to senior stakeholders.

### [Front End Chapter](/content/work/wooliesx#front-end-chapter/index.html)

- Provided mentorship and leadership within the WooliesX Front End Chapter
- Prototyped enhanced search component using neutral nets (using BrainJS)
- Prototyped component-level automated visual regression diff testing (using Playwright)

### Tech

- angular
  - leaflet
  - rxjs
  - redux
  - ngxs
  - cdk
- react
- nx
- playwright
- graphql
  - apollo-angular
  - graphiql
- azure
  - devops
  - functions
  - monitor
- keycloak
- figma
- ai
  - brain-js
- ios
  - swift
  - swift-ui
- architecture
  - mono-repo
  - micro-frontend
  - micro-service
  - internal-component-library
  - module-federation
  - internal-package-distribution

### Feedback

“Jon has done phenomenal work on Rubix platform, i.e. developing first micro frontend platform at WooliesX. In a span of one year the Rubix platform is hosting 4 micro frontend apps and is currently used by 3 squads (Gamma, Omega and Bodega).”  
– Technical Lead

### Projects

- Rubix
- OTA Tracker
- Multi Carrier Config

### Links

[WooliesX website](http://wooliesx.com.au/)