Man & Van is a mobile application that makes it easy for users to find a reliable man and van nearby. Using React JS I developed the front end, creating all components, routing and interactions. This web app was built using Phonegap to generate an application for both IOS and Android devices. Alongside this I created a component library to make building interfaces as quick and easy as possible.
I had the pleasure of leading the front end development for one of the worlds largest charities. I created a flexible, component based front end system, coding guidelines and a living styleguide to make future updates and site maintenance as easy as possible. This made it easy to create unique page layouts by choosing from a selection of components. It also helped developers working on the site, but most importantly it led to a better, more consistent, user experience for site visitors.
I led the front end development in building a new, scalable and robust front end architecture, combined with a living component library. This allowed developers to be more effective and agile, but most importantly led to a better UX for our users. I introduced front end guidelines covering everything from principles to code structure. I carried out front end performance audits, implemented site speed improvements, trained other members of staff to help expand their front end skills and improve their understanding of scalable design systems. I also built the foundations of an entirely new React JS based front end.
An article outlining the effectiveness of style guide driven workflows, and how they benefit both the design and development of an interface. This article has been well received, reaching over 46,000 views.
In this article I explain the benefits of component driven media queries. It covers how they are inline with flexible design systems such as Atomic Design and how they facilitate content driven media queries, as opposed to device driven media queries, to create the best experience.
HTML and CSS guidelines for creating scalable and maintainable front end structures, using logical, component based CSS. Covering concepts and principles through to specific CSS structure. I have built up these guidelines over several years, working various roles at different organisations.