Applications
Examples of Rich web applications I have worked on
Platform Management Dashboards
Company: Diligent
Date: 2022-2024
Tech: React, Typescript, React query, Playwrite
The front end was built to sync data from dynamo db, and postgres db sources. Built as an spa with oidc authentication all features were scoped via user permissions and a vision on future iterations of the product.
All components were design system themed Mui components, with contributions back to the internal atlas UI design system where necessary.
All Mui data grid components utilized server side cursor based pagination, and data for each page was cached locally so as to keep user experience quick and responsive.
Being involved early in the design process I was able to provide feedback and suggestions for technical feasability, but also to shape UX flow for many key areas of the application.
Figma used for the wireframing of the project.
Paprika Design system
ACL/Galvanize
Date: 2018-2021
Tech: React, Typescript, Storybook
As part of the UX team, I was integral to building, maintaining and propagating the use of our design system components throughout our application ecosystem.
With up to 50 separate consumable components, each React component had a well documented and tested api which allowed full customization within design boundarys.
Paprika design system was made opensource in 2020 to further contributions
https://paprika.highbond.com/
https://github.com/acl-services/paprika
Gaming Operations Portal
Company: Fuel Powered
Date: 2016-2018
Tech: Angular JS, Chart technology
Role: Senior UX developer + design
Task: Build out an interactive dashboard with and integration flow detailing steps.
The Portal was built out as a spa, with multiple tabbed content panels. Multiple modals, with step through wizards to track progress.
I provided UX consultancy for complex user flows. Prototyping out how some layouts could work for those features, and would make sense to the user to provide feedback on progress and completed steps.
Interactive map service
Company: Makeamap
Date: 2003-Present
Tech: Angular JS, MongoDB, express
Role: Founder, Lead developer + designer
Task: Founded the make a map company cloud based subscription service, providing interactive maps for over 20 campsites & growing.
Each map integrates with third party campsite booking systems to provide availability and pricing data for customers
UX on each map is a priority and maps have been designed to be compatible with desktop or mobile.
Browser Music mixer
Company: Indiloop
Date: 2013-2015
Tech: Backbone JS, Mobx
Role: Senior UX Developer + design
Task: Startup application enabling users to mix sound stems (acoustic, melody etc) to create their own cloud based music. Integrate with gamification features
As a web based app, for performance It was vital to optimize for both mobile and desktop compatibility (and accessibility).
Used socket.io for real time browser chat.
I provided front end expertise + Ux design consultancy on all aspects of the project
University program filter
Company: Kaldor design group
Date: 2015-2016
Tech: Backbone JS, Mobx
Role: Senior UX Developer + design
Task: Build out a dynamic data driven dashboard to showcase university course at Sheridan University
Kaldor design studio commissioned me to build out an interactive program filter feature for Sheridan University, that allowed users to filter the page by tags that interested them. Filtering relied on a mix of backend and frontend filtering
The front end grid layout relied on masonry and opened a detailed panel for each course information when clicked. A slideshow video & photo gallery would allow multimedia to be shown for each course.
A dynamic map would also allow courses location to be shown.
