Drew is available for hire
Hire DrewDrew Maughan
Verified Expert in Engineering
Front-end Developer
Location
London, United Kingdom
Toptal Member Since
March 29, 2019
Drew has been a web developer for around 14 years, having been self-taught during free time at college. He specializes in front-end web development, often working in conjunction with a designer, and his specific focus is on problem-solving.
Portfolio
Edward Dale Graham
CSS, User Interface (UI), HTML, Bootstrap, Responsive UI
Claimit Software Limited
JavaScript, HTML, CSS, Blazor, WordPress, Front-end, Web Development
NEC Software Solutions UK
AngularJS, JavaScript, CSS3, HTML5, GitHub, Git, Unit Testing...
Experience
Availability
Part-time
Preferred Environment
Git, Windows, Front-end Development, Front-end, Sass, Bootstrap 5, Web Development
The most amazing...
...project I've undertaken is Swapfig, a site built from scratch that allows swapping/trading of LEGO minifigures.
Work Experience
Front-end UI Developer
2024 - 2024
Edward Dale Graham
- Upgraded a set of existing ASP-based pages to use a responsive layout with the help of the Bootstrap CSS framework.
- Implemented a semantic HTML structure, replacing table-based layouts to enhance accessibility for all users.
- Completed the project and launched within 24 hours.
Technologies: CSS, User Interface (UI), HTML, Bootstrap, Responsive UI
Front-end Developer
2023 - 2023
Claimit Software Limited
- Collaborated with the project manager and product owner to implement Figma designs.
- Implemented bespoke CSS and JavaScript within a Blazor project, occasionally incorporating Razor components as needed.
- Utilized Radzen Blazor components in the development process.
Technologies: JavaScript, HTML, CSS, Blazor, WordPress, Front-end, Web Development
Front-end Developer
2022 - 2022
NEC Software Solutions UK
- Brought in to assist with updating an AngularJS project to Angular in response to the end of life: instead, oversaw the maintenance and the adding of new features to the AngularJS project.
- Wrote unit tests for newly developed AngularJS components and controllers.
- Opportunities to assist and mentor new developers to the team.
- Placed in charge of developing a new module for the AngularJS project, which included outlining a basic wireframe and shaping necessary API endpoints.
- Reviewing and responding to pull requests from other developers, including handling merge conflicts.
- Presenting newly developed features for the AngularJS project to shareholders and clients over online meetings.
Technologies: AngularJS, JavaScript, CSS3, HTML5, GitHub, Git, Unit Testing, Responsive Web Design (RWD), Sass, Accessibility, NPM, User Interface (UI), Semantic HTML, REST APIs, JSON, Web Development
Front-end Developer
2019 - 2020
CHAS
- Maintained and updated an existing solution built using Ebase.
- Spearheaded the development of a new contractor portal built using Angular.
- Championed unit testing in Angular during the creation of the new contractor portal.
- Assisted back-end developers with adding new features to the existing Ebase solution.
- Provided input for the direction of the new contractor portal in terms of accessibility and usability.
- Facilitated the redesign of the existing contractor portal, making use of SCSS.
Technologies: Karma, TypeScript, JavaScript, SCSS, HTML5, Front-end Development, Front-end, Ajax, Responsive Web Design (RWD), Sass, NPM, User Interface (UI), Semantic HTML, REST APIs, JSON, Web Development
Front-end Developer
2018 - 2019
Hackney Council
- Built the front-end of an internal project for a Neighbourhood Call Centre from scratch, using Angular 6. The project was intended to replace the use of spreadsheets in recording data.
- Introduced unit testing in Angular to ensure developed components and services would not fail when building the project.
- Used the GOV.UK CSS framework to build the front end, focusing on accessibility and usability standards. Championed the decision to use Angular as the project's JavaScript framework, transitioning from AngularJS to Angular with TypeScript.
- Developed Angular components and services for the app to match project requirements and fill gaps in the GOV.UK front-end package.
- Worked within the public sector at Hackney Service Centre.
Technologies: Atom, GitHub, Git, SCSS, Angular CLI, Angular, Front-end Development, Front-end, Ajax, Responsive Web Design (RWD), Sass, Accessibility, RESTful Web Services, User Interface (UI), Semantic HTML, REST APIs, JSON, Web Development
Front-end Developer
2018 - 2018
The Crocodile
- Created an online presentation project for a well-known market research client while working within a digital agency along with a web designer.
- Built the site using vanilla JavaScript; no jQuery or JavaScript frameworks were involved.
- Made use of gulp.js to build JavaScript files and stylesheets from SCSS.
- Used CSS animations and JavaScript-controlled transitions within the solution's interface.
- Delivered the solution from scratch according to the requirements in under two weeks.
Technologies: Gulp, Sublime Text, SCSS, JavaScript, Front-end Development, Front-end, Responsive Web Design (RWD), Web Development
Front-end Developer
2017 - 2018
Lime Global
- Assisted with building a website for a fintech startup company, offering a web-based solution for providing life insurance.
- Complied with accessibility guidelines, championing WCAG's Level AA requirements, including the use of color and contrast.
- Collaborated directly with the company owners, as well as UX and web designers at the same location, and back-end developers elsewhere in the world.
- Assisted with building the front end of an onboarding process using JavaScript, with the logic controlled via the back end.
- Troubleshot numerous CSS issues, including browser and platform compatibility and the use of web fonts.
Technologies: Webpack, Sublime Text, SCSS, JavaScript, HTML5, Front-end Development, Front-end, Responsive Web Design (RWD), Content Management Systems (CMS), Accessibility, Web Development
Front-end Developer
2017 - 2017
Willis Towers Watson (formerly Willis)
- Built and maintained small internal solutions for the company involving the creation of SVGs and interactions with them using JavaScript.
- Troubleshot developed solutions in old versions of Internet Explorer by way of the development tools. All of the solutions involved quick turnaround times, due to the nature of the requirements.
- Worked in a formal environment within the finance sector as part of a multinational insurance company.
- Introduced semantic HTML5 as part of the developed solutions.
Technologies: Internet Explorer, JavaScript, CSS, HTML, Front-end Development, Front-end, Responsive Web Design (RWD), Web Development
Front-end Developer
2015 - 2016
Convertize
- Joined the project to help build an A/B testing solution for websites from scratch, focusing on marketing and sales optimization.
- Took ownership of the front-end development of the app and decided to use Material Design Lite over Bootstrap as the CSS framework.
- Led a small team of front- and back-end developers during a sprint.
- Reviewed code, made pull requests, and onboarded new front-end developers to the project.
Technologies: Gulp, PhpStorm, Sublime Text, jQuery, SCSS, HTML5, Front-end Development, jQuery UI, Front-end, Ajax, Responsive Web Design (RWD), Web Development
Experience
Swapfig
http://swapfig.comA LEGO minifigure trading/swapping site, built from scratch and maintained since 2013.
The front end of the site was built using HTML5, CSS3, and AngularJS, and was developed while actively learning AngularJS from scratch. Due to the nature of the site, it was built as a multi-page application.
The back end of the site was built using Laravel, a PHP framework, and MySQL. Initially, Laravel 4 was used but was updated to Laravel 5 after a move toward PHP 7.
In addition to building and managing the site, the key elements of the project were search engine optimization and managing a small online community.
The front end of the site was built using HTML5, CSS3, and AngularJS, and was developed while actively learning AngularJS from scratch. Due to the nature of the site, it was built as a multi-page application.
The back end of the site was built using Laravel, a PHP framework, and MySQL. Initially, Laravel 4 was used but was updated to Laravel 5 after a move toward PHP 7.
In addition to building and managing the site, the key elements of the project were search engine optimization and managing a small online community.
Mascoteers
http://mascoteers.silentmode.tvA mini-site built to promote a once-popular LEGO project, in the style of a Pokédex.
The front-end was built using HTML5, CSS3, and AngularJS and is currently being rebuilt using Angular. The mini-site was developed as a single page application (SPA).
The back end was built using Lumen, a version of Laravel intended for the development of REST APIs.
The front-end was built using HTML5, CSS3, and AngularJS and is currently being rebuilt using Angular. The mini-site was developed as a single page application (SPA).
The back end was built using Lumen, a version of Laravel intended for the development of REST APIs.
Unbiased Name Picker
https://github.com/legendarydrew/unbiased-name-pickerA PHP CLI script for drawing names at random from a predefined list.
This script was written in response to monthly random drawings at a meetup group, and an overall suspicion that many "random draws" are somehow rigged. My intention was to create a solution that prevents as much bias as possible.
This script was written in response to monthly random drawings at a meetup group, and an overall suspicion that many "random draws" are somehow rigged. My intention was to create a solution that prevents as much bias as possible.
Skills
Languages
HTML5, CSS3, HTML, CSS, PHP, SCSS, JavaScript, TypeScript, PHP 5, PHP 7, Sass, Semantic HTML
Storage
JSON, MySQL
Other
Front-end Development, Front-end, Web Development, Ajax, Accessibility, Bootstrap 5, RESTful Web Services, User Interface (UI), Single-page Applications (SPA), Content Management Systems (CMS), Responsive UI
Frameworks
Angular, Laravel, Laravel 5, Bulma, Bootstrap, AngularJS, PHPUnit, Blazor
Libraries/APIs
jQuery, REST APIs, jQuery UI, LocalStorage
Tools
PhpStorm, NPM, Git, GitHub, Sublime Text, Gulp, Karma, Google Analytics, Angular CLI, Webpack, Sublime Text 3, Atom, Bitbucket
Paradigms
Responsive Web Design (RWD), Unit Testing
Platforms
Windows, Internet Explorer, Linux, WordPress
Education
2001 - 2004
Bachelor's Degree in Animation
Surrey Institute of Art and Design - Surrey, England
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring