Development of a responsive, multi-lingual, mobile-first webapp for generating customised footwear based on a user’s Instagram images. The site usesoAuth, AJAX, HTML5 canvasandCSS3to deliver both the shoe generation tool and a gallery with social networking features.
I was responsible for implementing the front-end for this mobile hotel booking app. Usingbackbone.js, require.js, stylusand extensive use ofCSS3the front-end provided a dynamic user experience, communicating with the search engine and checkout via aRESTfulweb service.
Usingraphael.jsand an inheritance model based on Backbone.extend I created a vector graphing library and flyweight tooltip module to display BT customers' monthly usage of their bandwidth allowance and also usedCSS3to implement the page design.
Working within a large existing codebase I implemented a financial transactions calendar, similar in functionality to iCal or the MS Outlook calendar. I wrote an ajax view loader and code to handle the complex repercussions of various user actions, and worked with the UX and design teams to address the many unforseen edge cases.
A responsive, two-page subsite for finding out if there are any reported problems affecting broadband in your area. As well as general resizing and laying out of the page for mobile the site also used a tabbed interface on desktop/tablet which became an accordion on mobile, and all achieved withCSS media queries
Brandon generator is an interactive, crowd-sourced comic built to showcase IE10's new features, built usingbackbone.js. Working in anAGILEteam I created several of the scaffolding elements of the site (e.g footer menus, taskbar notifications) that responded intelligently to user interaction with the site.
Working withSASSand a large existing codebase I implemented a responsive design for several components of the site, including a video player, a configurable carousel and an online shop
Implementation of two components for Saudi Aramco's bilingual (rtl & ltr) site
This financial health diagnosic tool demanded a surprising amount of hard work to turn the non-MVC .NET generated html into an interactive and accessible application, which included a custom built validation library andWAI-ARIAroles built into each component.
I was responsible for implenting about a third of the reusable modules used in this application, working withJSTL templates, YUIandGoogle Maps. Examples of my work include the discussion module and the sign-up process.
This site - you're on it now - usesCSS3, Semantic markupandno-jQuery whatsoeverto deliver my portfolio in a single extremely lightweight page. It's a subtlely responsive design too, and only requires a single http request on mobile.
An interactive mathematical game built usingjquery, jquery-uiand a custom made library to construct the various objects needed for the game. I also architected and wrote the back-end of the site usingZend FrameworkandMySQL
My campsite search engine, usingGoogle Maps, jquery, CodeIgniterandMySQL. Among its more unique features are 3-way 'radio buttons' (yes, no and maybe), and incremental adding of points to the map as the user zooms in (most other sites opt for plotting clusters at lower zoom levels).
