Peter Feltham: Web Developer

Pete is a freelance web developer producing beautiful animated and interactive experiences powered by React, WebGL and Greensock.

Pete works for clients Australia-wide from coastal Wollongong, south of Sydney.

Portfolio

The Most Interesting Job Interview

WebGL-based game, 2017
Freelance for Cummins & Partners

React, Redux, JSS, ES6 (ECMAScript), WebGL, MPEG-DASH

Pete built the front end of this interactive recruitment campaign for the Australian Secret Intelligence Service (ASIS). The game received worldwide media coverage when it launched late in 2017, and picked up a Cannes Silver Lion.

  • Lookaround effect transforms ordinary 2D video via realtime 3D geometry and viewport intersection calculations. Controlled by the gyroscope on mobile devices
  • Seamless transitions between video sources and interstitials
  • 3D effects and transitions applied to HTML UI elements, bringing them into the 3D world
  • WebGL shaders for various effects such as the main title sequence and the interactive mugshots

THE ICONIC components

Reusable layout components, 2018
Freelance for Nightjar

React, Redux, JSS, ES6 (ECMAScript), Prismic, Jest, RESTful API

Pete architected and built a system to deliver server-side-rendered (SSR) React components that could be integrated into THE ICONIC’s PHP/Angular website.

Pete worked closely with THE ICONIC’s tech team to fit the new, future-facing technology stack into THE ICONIC’s infrastructure, without sacrificing their legendary fast performance.

  • Responsive Vimeo-based videos supported in any image module
  • 100% unit test coverage
  • Integration with product catalog, wishlist, blog content, and Stackla social feeds
Vivid Sydney 2018 Event PageVivid Sydney 2018 Event Page
Vivid Sydney 2016 website on devicesVivid Sydney 2016 website on devices
Vivid Sydney 2017 Home PageVivid Sydney 2017 Home Page
Vivid Sydney 2017 Event Search PageVivid Sydney 2017 Event Search Page
Vivid Sydney 2016 Event PageVivid Sydney 2016 Event Page

Vivid Sydney

Responsive website front-end, 2016-2018
Freelance for Nightjar (2018) and Loyal

React, Redux, JSS, ES6 (ECMAScript), JavaScript, Webpack, Drupal

Pete built a brand new responsive front end for vividsydney.com in 2016, as well as making major updates for the 2017 and 2018 festivals.

Pete works closely with DNSW’s digital team, who maintain the site’s Drupal backend. Front end highlights include:

  • Fast and comprehensive event filtering and search
  • Quirky UI for user on-boarding process
  • Progressive upgrade of Drupal website to a modern React-based user interface
  • Responsive/lazy loaded imagery
Several screenshots of the Barangaroo website as seen on an iPhone X deviceSeveral screenshots of the Barangaroo website as seen on an iPhone X device
Two side-by-side screenshots of the Barangaroo website taken from a desktop browserTwo side-by-side screenshots of the Barangaroo website taken from a desktop browser

Barangaroo

Responsive full-stack React website, 2017
Freelance for Loyal

React, Redux, JSS, ES6 (ECMAScript), Prismic

Pete worked with favoured collaborator Massimo Celima on this project. Pete’s contributions included:

  • Architecture: Pete selected and integrated technologies like React, JSS, server-side rendering, and client-side routing;
  • Parallax effect for prominent headings such as on the timeline;
  • Contrast effect for the floating header items on the home page;
  • Homepage hero modules and various other CMS content modules.

Just Another Day In WA

Responsive storytelling website, 2016
Freelance for Cummins & Partners

HTML5, Greensock, CSS3, Sass, JavaScript, Wordpress, Timber, Visual Composer

Pete built the front end and WordPress/Visual Composer-based CMS backend of justanotherday.westernaustralia.com.

Highlights include:

  • Cartography-inspired incidental animation and graphics
  • Crafted magazine-style typography and layout
  • Mobile-optimised cinemagraphs
  • Visual Composer-based CMS interface gives authors broad control over content structure without compromising design fidelity
Your WA WindowYour WA Window

Your WA Window

Responsive API-backed website, 2015
Freelance for Cummins & Partners

PHP, Laravel/Lumen, HTML5, Greensock, CSS3, Sass, JavaScript

Pete built the front end of yourwawindow.com, including the GreenSock timeline-based parallax animation on the home page.

The parallax effect operates on CMS-driven content and is responsive to work as well on mobile devices and tablets as it does on a laptop or desktop browser.

For maximum performance, advanced techniques such as JPEG-backed alpha transparency, dynamic server-side responsive image resampling and alpha channel extraction, and HTML5 srcset responsive image selection were used.

Get Super Active

Responsive API-backed website, 2015
Freelance for Cummins & Partners

HTML5, Canvas, Greensock, CSS3, Sass, JavaScript, Grunt, Gulp, ffmpeg

Pete built the front end of the single-page web app getsuperactive.com.au for Cummins & Partners to show users what their projected superannuation balance looks like as real cash.

The video effect has several innovative technical features including:

  • Alpha transparency processed in realtime by JavaScript onto an HTML5 canvas
  • Video autoplay on iOS 8 - at the time, this was impossible without clever workarounds
  • Autoselection of video content and size to best fit user’s device
Telstra Business Awards Judging Tool ScorecardTelstra Business Awards Judging Tool Scorecard
Telstra Business Awards Judging Tool Judging Manager DashboardTelstra Business Awards Judging Tool Judging Manager Dashboard
Telstra Business Awards Judging Tool Entrant SummaryTelstra Business Awards Judging Tool Entrant Summary

Telstra business awards judging tool

Responsive web application, 2014-2015
As Lead Front End Developer at The Monkeys

PHP, Laravel/Lumen, Amazon SQS, RESTful API, Selenium/Codeception, HTML5, CSS3, Sass, JavaScript, Highcharts

Pete was the solutions architect for the build of tba.awardit.com.au, leading a team of two PHP developers and one front-end developer.

The application is an iPad-optimised web application that manages the complex business rules governing judging of the annual Telstra Business Awards and is used by more than 100 judges annually.

Since the successful launch of the application in 2014, Pete has been engaged as a solo freelance developer for further work including adaptation to the Telstra Business Womens Awards, the addition of a dynamic visual dashboard for the judging manager, and a comprehensive suite of automated Selenium tests.

What year are you doing business in? home pageWhat year are you doing business in? home page
What year are you doing business in? iPad and iPhoneWhat year are you doing business in? iPad and iPhone

What year are you doing business in?

Responsive interactive timeline website, 2013
As Lead Front End Developer at The Monkeys

PHP, Laravel/Lumen, HTML5, Isotope, CSS3, Sass, JavaScript

Pete was sole developer for the prototype and build of businessyear.intel.com, an online tool that takes business owners back to the year their technology was most appropriate for.

  • Heavily customised Isotope layout engine featuring a centered user-input area
  • Bespoke time-warp transition animation
  • Optimised for touch interaction on devices such as iPad
  • Smooth 3D animations
  • Full retina support
  • Heuristic, cumulative business year calculation
Maud home pageMaud home page
Maud iPhone pagesMaud iPhone pages
Maud showcase pageMaud showcase page

Maud

Responsive Wordpress CMS website, 2013
As Lead Front End Developer at The Monkeys

PHP, Wordpress, HTML5, Isotope, CSS3, Sass, JavaScript

Pete did all front-end development for the build of maud.com.au.

  • Customised Isotope layout engine
  • Ultra-precise layout and typography
  • Bespoke inter-page transitions
  • Custom google map colour scheme
Pauls Smoothie StationPauls Smoothie Station
Pauls Home PagePauls Home Page
Pauls Mobile ScreenshotsPauls Mobile Screenshots
Pauls product pagePauls product page

Pauls

Responsive Silverstripe CMS website, 2013
As Lead Front End Developer at The Monkeys

PHP, Laravel/Lumen, Silverstripe, HTML5, CSS3, Sass, JavaScript

Pete was tech lead and backend developer for the build of pauls.com.au.

Some months after launch, Pete did the front-end and back-end development work to add on the Smoothie Station and Christmas sections.

Lexus range pageLexus range page
Lexus Australia Facebook pageLexus Australia Facebook page
Lexus configuratorLexus configurator
Lexus future vehicles pageLexus future vehicles page

Lexus

Spring Web MVC/Alfresco CMS website, 2010-2012
As Lead Front End Developer at The White Agency

Apache Freemarker, Hibernate, Flash, HTML5, CSS3, Sass, JavaScript

Pete was lead developer and architect for the relaunch of lexus.com.au, leading a team of five developers. Pete oversaw development and worked closely with client and agency stakeholders throughout.

Since launch Pete has overseen further Lexus projects including:

  • Build & Price tool
  • iPad Build & Price app
  • Facebook page
  • Drive-away pricing engine
  • Mobile m-site
  • Site refresh and optimisation
  • Eloqua and Salesforce integration

Coinland

Multiplayer online virtual world, 2010-2012
As Lead Front End Developer at The White Agency

J2EE, Hibernate, Spring, SmartFoxServer, Flex

Pete worked on the Java backend for the initial launch of Commonwealth Bank's Coinland project as a member of a four-developer team, and has since taken the role of lead developer and architect for the platform.

Toyota Financial Services home pageToyota Financial Services home page
Toyota Financial Services finance calculatorToyota Financial Services finance calculator

Toyota Financial Services

Spring Web MVC/Alfresco CMS website, 2012
As Lead Front End Developer at The White Agency

Apache Freemarker, Hibernate, HTML5, CSS3, Sass, Jasmine (unit testing)

Pete was solutions architect for the relaunch of the Toyota Financial Services website in late 2012, leading a team of five offshore developers. Pete oversaw development, performed technical design and analysis, and worked closely with client and agency stakeholders throughout.

  • Integration with existing toyota.com.au backend system maintained by third party agency
  • Extensive use of HTML5 and CSS3 including web fonts
  • Fully compressed and inlined CSS and Javascript
Toyota Fleet Management home pageToyota Fleet Management home page
Toyota Fleet Management Novated Lease calculatorToyota Fleet Management Novated Lease calculator
Toyota Fleet Management video playerToyota Fleet Management video player

Toyota Fleet Management

Spring Web MVC/Alfresco CMS website, 2011
As Lead Front End Developer at The White Agency

Apache Freemarker, Hibernate, HTML5, CSS3, Sass, Jasmine (unit testing)

Pete was lead developer and architect for the launch of the Toyota Fleet Management website in late 2011, leading a team of three developers. Pete oversaw development and worked closely with client and agency stakeholders throughout.

  • HTML5 video player with chapter seek and Flash fallback
  • Extensive use of HTML5 and CSS3 including web fonts
  • Fully compressed and inlined CSS and Javascript
  • Object-oriented CSS
  • Progressive enhancement

Corpwars

Networked multiplayer strategy game, 2001
BCompSc final-year project

C++, OpenGL, OpenAL, Win32, Carbon, Winsock, Unix Sockets, pthreads, libjpeg, zlib

Corpwars is a networked multiplayer strategy game where players vie for control of resources on an inhospitable planet. Players explore the surface of the planet, gain control of its resource-rich regions, and research and build weapons, defences and transportation in order to defeat their adversaries in battle.

Pete was team leader of the four-person team and focussed on:

  • Architecture;
  • Windowing framework and Win32 OpenGL initialisation;
  • UI framework (widgets, hit-testing, focus, font rendering, text input etc.);
  • 3D globe mathematics, region drawing; and
  • Multithreading.

Digital Skratch

Hardware/software DJ tool, 2004
Personal project

C++, ASM, DSP, OpenGL, SDL, DirectSound, FreeType2, FTGL, libsamplerate, libsndfile, ffmpeg, AKRip, Lua, libjpeg, zlib

Pete invented a peripheral device that would enable a DJ to manipulate live input (such as an MC or live musicians) or CDs/MP3s in real time using an ordinary vinyl turntable.

Pete designed and built the hardware by researching its various components (including a precision analogue tachometer, 16-bit ADC, USB interface and PIC microcontroller) and soldering up a succession of prototypes. He then wrote the assembly-language I/O control and DSP (digital signal processing) code for the on-board microcontroller, and the user interface software for the PC.

Experience

Mar 2014Current

Freelance Full Stack Web Developer
  • JavaScript programming: React, ES6, NodeJS, WebGL, jQuery
  • Animation: CSS animation, GreenSock, parallax
  • Responsive HTML5 and CSS3: Sass, Bootstrap, Foundation
  • Backend PHP: Laravel, Lumen, Drupal, WordPress

For Nightjar

For Loyal

For Cummins & Partners

For The Monkeys

Other

Nov 2012Mar 2014

Lead Front End Developer, The Monkeys
  • JavaScript, HTML5, CSS3, responsive layouts and prototyping
  • PHP backend architecture and development, Laravel framework
  • Tools and automation
  • Create, contribute to and promote open-source projects

Dec 2011Aug 2012

Solutions Architect, The White Agency
  • Architecture, innovation, quality and process
  • Manager and technical lead for five senior developers
  • Supervision of freelancers and contractors
  • Technical specification and oversight of projects developed by the agency's offshore team

Mar 2010Dec 2011

Lead Developer, The White Agency
  • Manager and technical lead for three senior developers plus supervision of freelancers and contractors

Jul 2009Mar 2010

Senior Developer, The White Agency
  • J2EE back-end design and build
  • Front-end HTML/CSS/JavaScript build
  • ASP.NET C# back-end design and build

Feb 2007Feb 2009

Java Analyst Programmer, Infocomp
  • J2EE design and build including SOAP web services, ESB (Servicemix) integration and Google Web Toolkit applications
  • Mentoring, training and code reviews
  • Made high-level and detailed quantitative estimates
  • Contributed patches to open source software projects
  • On-site support

Aug 2005Feb 2007

Analyst Programmer, Binary Star Software
  • Guest PHP/DreamWeaver trainer for Fearless Media
  • Rapidreports, a web-based system for distribution of medical reports and results using high encryption and open standards, in Java, Cocoon, XSLT and C++
  • Bespoke CMS website for indie folk singer Marty Breen

Mar 2000Aug 2005

Analyst Programmer, IDGP
  • Taadis, a web-based distributed data system for diabetic patients and GPs, using JSP, SOAP and Java/SWT
  • Apachiie, a secure web portal to hospital records, in Perl
  • The software for a live trial of a smartcard authentication system, in JSP and Java
  • The IDGP’s internal helpdesk/billing intranet system, in JSP

Feb 1998Dec 1999

Computer Programmer, Care Net Illawarra
  • Sole programmer responsible for full lifecycle of software projects
  • Aged-care patient record system in Visual Basic/Sybase
  • Intranet-based distributed EHR drawing data from Illawarra Area Health Service, GPs and the Health Insurance Commission, in ASP, Sybase and C++

Education

2012

PRINCE2 Foundation Certification
  • Three day project management certification course.

2009

Sitecore .NET Developer Certification
  • Three day certification course.

2002

Fundamentals Of Successful Project Management
  • Two day Skillpath seminar.

2001

Bachelor of Mathematics with Distinction
Bachelor of Computer Science with Distinction
University of Wollongong
  • University of Wollongong Foundation Scholarship
  • Addison-Wesley Prize 1998 (best average performance in three first-year Computer Science subjects)
  • Dean’s Merit List 2000 and 1998 (top 5% of students in faculty)
  • BCompSc Weighted Average Mark 89%
  • BMath Weighted Average Mark 82%

Skills matrix

Yrs Exp.Last Used
Languages
C++42004
C#32012
ES6 (ECMAScript)2Current
Java122014
JavaScript18Current
PHP11Current
Animation
Greensock4Current
WebGL1Current
Content Management Systems
Alfresco32012
Drupal3Current
Magento12015
Prismic2Current
Silverstripe32016
Sitecore32012
Wordpress7Current
Libraries/Frameworks
Android12014
Backbone22015
Bootstrap4Current
Foundation3Current
Google Web Toolkit (GWT)22009
Hibernate52012
Highcharts32015
Isotope6Current
jQuery9Current
Laravel/Lumen52017
NodeJS6Current
React2Current
Spring62012
Underscore/lodash6Current
Testing
Jest, Enzyme (unit testing)<1Current
JUnit, JMock92014
Selenium/Codeception32015
Servers
Amazon Web Services (AWS)6Current
Apache httpd17Current
Servicemix (SOA/ESB, BPEL)22008
Tomcat102012
Websphere22009
Databases
Microsoft SQL Server102015
MySQL12Current
Oracle32012
Tools
Ant102014
Browserify3Current
Git/Github/Bitbucket6Current
Grunt, Gulp6Current
Hudson/Jenkins Continuous Integration52012
Maven262012
Photoshop/Illustrator15Current
RequireJS32016
Subversion72014
Webpack2Current
Download CV in PDF format

Mobile0438.335.849

Emaildev (at) (this domain name)

Github@felthy