Drew is available for hire
Hire DrewDrew Maughan
Verified Expert in Engineering
Full-stack Developer
London, United Kingdom
Toptal member since March 29, 2019
Bio
Drew is a front-end developer, maker, artist, and LEGO enthusiast. He has been a self-taught developer for 14 years, beginning in college. Having lived and survived the Internet Explorer years, Drew has since branched into JavaScript and TypeScript, choosing Angular at the "framework crossroads," and is exploring PHP and Python. He focuses on providing the best experiences for the end user and is interested in accessibility.
Portfolio
Santander UK
HTML, CSS, Salesforce, JavaScript
Ultimate Tax Service, Inc
PHP, Laravel, Bootstrap, CSS, Less, HTML, Minimum Viable Product (MVP), Web
Edward Dale Graham
CSS, User Interface (UI), HTML, Bootstrap, Responsive UI, Web
Experience
- Web Development - 16 years
- Front-end Development - 14 years
- CSS3 - 8 years
- HTML5 - 8 years
- SCSS - 6 years
- Laravel - 6 years
- Angular - 5 years
- TypeScript - 4 years
Availability
Full-time
Preferred Environment
Git, Windows, Front-end Development, Front-end, Sass, Bootstrap 5, Web Development, Web
The most amazing...
...project I've undertaken is Swapfig, a site built from scratch that facilitates the swapping/trading of LEGO minifigures.
Work Experience
Front-end Developer
2024 - 2025
Santander UK
- Reskinned a Salesforce app to match company branding and Figma designs.
- Developed basic Lightning components for presentations (e.g., alert boxes).
- Raised awareness of accessibility issues within the Salesforce app.
- Documented UI-based issues, breaking them down into manageable tasks to address in Jira.
Technologies: HTML, CSS, Salesforce, JavaScript
Front-end Engineer
2024 - 2024
Ultimate Tax Service, Inc
- Created page templates from Figma designs to assist back-end developers in building the project.
- Customized Bootstrap to match the required designs, which sped up the process.
- Ensured the page templates were made responsive, using an initiative where there were no specific instructions.
Technologies: PHP, Laravel, Bootstrap, CSS, Less, HTML, Minimum Viable Product (MVP), Web
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, Web
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, Minimum Viable Product (MVP), Web
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, Web
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, Web
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, Web
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, Web
Experience
Swapfig
A LEGO minifigure trading/swapping site, built from scratch and maintained since 2013. It was discontinued in 2023.
The site's front end was built using HTML5, CSS3, and AngularJS, and it was developed while actively learning AngularJS from scratch. Due to its nature, it was built as a multi-page application.
The site's back end was built using Laravel, a PHP framework, and MySQL. Initially, Laravel 4 was used, but it was updated to Laravel 5 after the move toward PHP 7.
In addition to building and managing the site, the project's key elements were search engine optimization and managing a small online community.
The site's front end was built using HTML5, CSS3, and AngularJS, and it was developed while actively learning AngularJS from scratch. Due to its nature, it was built as a multi-page application.
The site's back end was built using Laravel, a PHP framework, and MySQL. Initially, Laravel 4 was used, but it was updated to Laravel 5 after the move toward PHP 7.
In addition to building and managing the site, the project's key elements were search engine optimization and managing a small online community.
Mascoteers
A 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. The mini-site was developed as a single-page application (SPA).
The back end was built using Lumen, a version of Laravel intended to develop REST APIs.
The front-end was built using HTML5, CSS3, and AngularJS. The mini-site was developed as a single-page application (SPA).
The back end was built using Lumen, a version of Laravel intended to develop REST APIs.
Brilliant Beading
https://brilliantbeading.comA landing page and mini-site that helps the client sell a domain name. I rewrote the contact form functionality using PHP, incorporating reCAPTCHA to reduce spam emails and improved the structure of each page to enhance SEO,
SilentMode.tv
https://silentmode.tvThis is a bespoke weblog solution for a site showcasing my interest in LEGO. Inspired by its previous incarnation as a WordPress site, it was built from the ground up using Laravel to add custom functionality. Angular is used for the back office/admin area and for creating web components for advanced features in the front-facing site.
Real Figures Don't F.O.L.D
https://realfigures.silentmode.tvA website for a song contest, featuring AI-generated music using lyrics I wrote myself. Along with demonstrating a successful transition from Angular to React, the project aims to raise awareness of adult bullying in hobby spaces.
Education
2001 - 2004
Bachelor's Degree in Animation
Surrey Institute of Art and Design - Surrey, England
Skills
Libraries/APIs
jQuery, REST APIs, jQuery UI, LocalStorage, React, Inertia, PayPal API
Tools
PhpStorm, NPM, Git, GitHub, Sublime Text, Gulp, Karma, Google Analytics, Angular CLI, Webpack, Sublime Text 3, Atom, Bitbucket, Sentry
Languages
HTML5, CSS3, HTML, CSS, PHP, SCSS, JavaScript, TypeScript, PHP 5, PHP 7, Sass, Semantic HTML, Less
Storage
JSON, MySQL
Frameworks
Angular, Laravel, Laravel 5, Bulma, Bootstrap, AngularJS, PHPUnit, Blazor, Laravel 10, Laravel 8, Tailwind CSS
Paradigms
Responsive Web Design (RWD), Unit Testing
Platforms
Windows, Web, Internet Explorer, Linux, WordPress, Salesforce
Other
Front-end Development, Front-end, Web Development, Ajax, Accessibility, Bootstrap 5, RESTful Web Services, User Interface (UI), Single-page Applications (SPAs), Content Management Systems (CMS), Responsive UI, Version Control, APIs, Minimum Viable Product (MVP), Tailwind UI, Vite
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