My Work

National Broadband Network
  • Design
  • Full stack development

Tech:

  • ESM
  • RxJS
  • Snabbdom
  • PHP
  • MySQL
  • Tests: Tape, Nightwatch, PHPUnit
  • Task runner: NPM scripts
  • JS build: JSPM, Webpack
  • CSS build: SASS

In 2016/17 I designed and built a web app for the nbn. It is essentially a reporting tool that takes large quatities of data and performs calculaions on it to provide suggestions of which technology to use in a given area when deploying Australia's broadbank network.

The app needed to:

  • pull large quatities of data across the network
  • perform large numbers of calculations and re-calculations on the fly
  • export all calculations as spreadsheets
  • allow the user to configure how caclulations are applied
  • and do all of this quickly!

It also needed a comprehensive admin interface for uploading new versions of the data and re-configuring the user interface such that different versions of the tool could be viewed and compared at any given time.

The user interface has to handle a lot of data and some innovative solutions were required such as keeping large datasets in memory and perforing calculations on them efficiently.

The javascript is written with es6 modules, rxjs and snabbdom. The data model is a custom solution using rxjs and the web components are written with snabdom

Zenith Interiors
  • Full stack development
  • Custom CMS
  • Project Management

CMS Tech:

  • ESM
  • Native Web Components
  • RxJS
  • Snabbdom
  • Straight CSS using CSS Custom Properties
  • PHP
  • MySQL
  • Tests: Tape, Nightwatch, PHPUnit
  • Task runner: NPM scripts
  • JS build: JSPM, Webpack

Currently I'm working with Zenith to enhance their custom CMS to push all of their assets out onto a content delivery network to improve performance in their regions which now cover Australia, New Zealand, Singapore, Hong Kong and Shanghai. Im also implementing a multi-region Stripe payment solution for them to take paymets for their clearance website.

The front end of the CMS for their site is built exclusively using native web components, rxjs and a bit of snabbdom for larger components.

--

I'm currently working with Zenith to expand the custom CMS I've built for them. Their site is running on a custom PHP framework I've developed over the last 12 years. They wanted a custom CMS to have fine grained control over their content. I'm in the process of building a drag and drop component interface for them to manage custom layouts on certain pages.

The site currently has three regional variations and uses a region detection service to take users to the correct region. The products page is abuilt as a one page app to make it more responsive and useful for their users.

Citizen Watches

Web design by Dave Rayner

  • Front end coding
  • Back end coding
  • Project Management

Since taking on Citizen as a client in 2003 I have built several versions of their website. The core site serves three countries - Australia, New Zealand and South Africa - with slight variations of content for each region. The latest version is a few years old now and was built around the time I first started building responsive websites. It's also when I started implementing caching techniques to speed up sites. In 2008 Dave Rayner and I were McFarlane Prize finalists for the latest version we released at the time.

The Little Guy

Design by Jack Rodgers

  • Front end coding
  • Back end coding
  • Ecommerce
  • Project Management

This is the first site on which I used double-dimension, over-compressed jpg's for a crisp effect on retina screens. I also implmeneted a custom cart with a checkout that uses the ANZ payment gateway.

John Bryson

Design by Dave Rayner

  • Front end coding
  • Back end coding
  • Custom CMS
  • Project Management

Another custom built PHP/MySQL site with a custom CMS.

Qube

Web design by Dave Rayner

  • Front end coding
  • Back end coding
  • CMS (Expression Engine)
  • Project Management

The majority of this site runs on expression engine but there are some custom pages as well.

Kaplan Funds Management

Web design by Dave Rayner

  • Front end coding
  • Back end coding
  • Custom CMS
  • Project Management

I built this site a few years ago and created an interesting CMS that uses the web pages themselves as the CMS user interface. Once logged in the page is masked and the editable content raised up and editable with HTML contenteditable although the contenteditable is strictly controlled via Javascript to only allow certain actions. Auto error detection happens as the user types so the large tables of figures can only accept valid numbers and things like newlines are disabled. This system makes it very quick and easy as well as intuitive for the site owners to update the content on the site.

NEEOPA

Branding and web design by Jack Rodgers

  • Front end coding
  • Back end coding
  • Custom CMS
  • Project Management

For NEEOPA I created a custom management system to manage their member database. The member management allows for editing member details and delegates. It has a custom invoicing system as well that can be used to invoice all of their memebers once a year in a mass mail out and also to send pro-rata invoices during the year. It utilises Mandrill for all the email communications which includes a mailing list with an rsvp system for managing their events during the year.

Sweetheart Day

Web design and development by Dave Rayner

  • Ecommerce
  • Custom email system

Dave Rayner built this site but I contributed a Valentines Day system that consists of a form that users can enter in a special message to their loved one, preview an email and then queue it to be sent to them on Valentines Day. The system uses Mandrill for the email. I also hooked the form up to the eway payment gateway.

Apmasphere
  • Front end development

I worked for Apmasphere over about a 5 year period as a front end engineer writing all the HTML/CSS/Javascript for the user interface of a real estate web application. I was integrating the UI with a GWT app using IndexDB which was challenging and I also integrated 3rd party web services. Over various iterations I worked with both Ractive and Polymer as well as experimented with native web components.