Adam is available for hire

Adam Anthony

Verified Expert in Engineering

Software Developer

Location

London, United Kingdom

Toptal Member Since

June 23, 2016

Adam has been an Angular front-end developer for over eight years, working on a diverse range of projects from large-scale eCommerce websites to single-page applications and everything in between. His aim in all projects is to create something beautiful, user-friendly, and engaging while remaining efficient, accurate, and future-proof. Adam loves to learn new approaches and use the latest technologies to make his work shine.

Front-end CSS5 CSS3 Animation Quality Assurance (QA)User Experience (UX)Custom CMS Development Scripted Animation (JavaScript)User Interface (UI)UI Animation Animation SaaS Data Visualization Serverless OpenAI OpenAI GPT-4 API

Portfolio

Bovitz, Inc

Angular, HTML, CSS, Sass, RxJS, Web API, SCSS, APIs, REST APIs, Contentful...

A&a

OpenAI GPT-4 API, OpenAI, ChatGPT, Web API, Next.js, JavaScript, HTML, SCSS...

Conversion Tech LLC

Node.js, TypeScript, User Experience (UX), User Interface (UI), Next.js...

Experience

JavaScript - 10 years Sass - 10 years Firebase - 8 years TypeScript - 6 years Angular - 6 years React - 5 years Angular Material - 4 years Contentful - 2 years

Availability

Full-time

Preferred Environment

Visual Studio, Windows, Angular, HTML, Sass

The most amazing...

...thing I've done is Built three Angular applications, two React apps and a Svelte app from scratch.

Work Experience

Senior Angular and React Engineer

2020 - PRESENT

Bovitz, Inc

Built three Angular applications, two React apps, and a Svelte app from scratch. Supported all applications for the business with ongoing feature releases and enhancements.
Rehired by request from a pleased client looking for the same high-quality output and expertise.
Designed and implemented the CMS content structure with Contentful, set up for multi-language support, with three Contentful environments and workflows to support content migration.
Implemented server-side rendering with Angular Universal, writing the Node.js server to deliver pages fully rendered with content from the CMS.
Wrote Cloud functions to process and handle data on the back end.
Optimized search engine performance with dynamic macro and microdata and server-side caching to improve page-load speeds and reduce content requests to Contentful.
Carried out interaction design across the site for all interactive UI elements.
Created custom wireframes, designs, and prototypes through production code output for the main menu, sidebar, and responsive app versions.
Worked closely with the client, design agency, and internal stakeholders to deliver the project on time and under budget.
Carried out performance testing and improvements to three apps, increasing page load speed by 80%.

Technologies: Angular, HTML, CSS, Sass, RxJS, Web API, SCSS, APIs, REST APIs, Contentful, Node.js, Universal, Angular Universal, XD to HTML, Adobe Experience Design (XD), Wireframing, Prototyping, Web UX, Web UI, Web UI Design, UX Design, UI Design, Design, TypeScript, JavaScript, HTML5, CSS3, CSS5, Technical Leadership, Front-end Development, Agile Software Development, Lodash, Menu Design, UI Animation, Animation, CSS3 Animation, Interactive UI, Interactive UX, Interaction Design (IxD), Firebase, Firebase Hosting, Cloud Firestore, Firebase Cloud Functions, Google Cloud Functions, Serverless, Interactive Design, Kanban, HTML UI, Web Forms, Svelte, Interactive Charts, Search Engine Optimization (SEO), Login & Registration, Quality Assurance (QA), Adobe Photoshop, Performance Testing, Custom CMS Development, Microsoft Visual Studio, ReactiveX, Mobile First, Responsive Web Design (RWD), Front-end

Senior Full-stack Engineer

2024 - 2024

A&a

Leveraged OpenAI API to create unique suggestions based on user input.
Built an AI tool for outputting targeted marketing copy and article content.
Created a beautiful and engaging UI with Next.js components.
Implemented smooth and seamless server-side rendering with Next.js.
Worked on simple and secure user management via Firebase Authentication.
Used Firestore to store and retrieve user account information.

Technologies: OpenAI GPT-4 API, OpenAI, ChatGPT, Web API, Next.js, JavaScript, HTML, SCSS, CSS, Prototyping, UI Prototyping, UX Prototyping, Web UI, User Interface (UI), User Experience (UX), Web UX, Node.js, Firebase, Firebase Hosting, Cloud Firestore, Firebase Cloud Functions, Server-side Rendering (SSR), TypeScript, Firebase Authentication, OpenAI GPT-3 API

Full-stack React Developer

2023 - 2024

Conversion Tech LLC

Built an analytics pixel to provide feedback and measure website engagement.
Stored pixel data in a Google BigTable for easy and fast retrieval.
Visualized the data collected using interactive Carbon Charts.
Implemented a fast and powerful UI with Angular 16.
Worked closely with the client to define and clarify requirements.
Built an MVP application from scratch, including design and prototyping phases.

Technologies: Node.js, TypeScript, User Experience (UX), User Interface (UI), Next.js, JavaScript, CSS, HTML, Google Analytics, Google Analytics 4, Firebase, Angular, Interactive Charts, SCSS, Maps, Carbon, Angular Material, Material UI, Cloud Firestore, Firebase Authentication, Google Cloud Functions, BigTable, Full-stack, Full-stack Development, Pixel, Google Cloud, UI Design, UX Design, UI Prototyping, UX Prototyping, MVP Design

Senior Full-stack Engineer

2023 - 2024

Claires.com

Created several dynamic CloudPages for global retailers in SFMC, including pages for Black Friday, Christmas, and January sales.
Worked on complex UI with interactive and scroll-triggered animations.
Compiled TypeScript and SCSS into client-readable code using Gulp.
Worked closely with the client to implement pixel-perfect UI based on design files in Figma.
Wrote server-side JavaScript and AMPscript to implement dynamic product carousels based on visitor information.
Stored submitted information in Data Extensions in Salesforce Marketing Cloud.

Technologies: Salesforce Marketing Cloud, Server-side JavaScript, CloudPages, HTML, JavaScript, Gulp, SCSS, CSS, Figma, TypeScript, AMPscript, Salesforce Commerce Cloud

Lead Front-end Engineer

2020 - 2021

A&A

Migrated an outdated website into a powerful new Angular application.
Redesigned the UI to fit the company's new branding.
Managed a team of developers, collaborating with other departments and stakeholders to identify and resolve risks.
Made technical recommendations and advised on best practices.
Designed the CMS content structure and implemented it in Contentful.
Wrote the Node.js server to implement SSR with Angular Universal, optimizing page loading and improving SEO ranking.
Added dynamic micro data based on content pulled from the CMS to optimize search engine performance.

Technologies: TypeScript, SCSS, Angular, HTML, JavaScript, Firebase, Contentful, APIs, Version Control, UI Design, UX Design, Adobe Photoshop, XD to HTML, Adobe Experience Design (XD), Wireframing, Prototyping, Content Management Systems (CMS), Search Engine Optimization (SEO), Server-side Rendering (SSR), Angular Material, Angular Universal, Web Forms, UI Animation, Interaction Design (IxD), D3.js, Lodash, Node.js, Firebase Cloud Functions, Cloud Firestore

Senior Angular and React Engineer

2018 - 2020

Bovitz, Inc

Developed an Angular platform for customers to create, manage, and analyze surveys and polls, as well as a React UI for respondents to complete live surveys.
Utilized Firebase authentication, Firestore, and storage to handle user access and data management across the application.
Implemented custom Cloud Functions to handle complex and sensitive interactions on the back end.
Created a notification center using PubSub cloud functions to trigger instant alerts in the UI whenever data changes occur on the back end.
Interacted with three different internal APIs running on AWS, as well as various public APIs, such as Slack, Twilio, Keen, and SendGrid.
Enhanced the code for initial launch deployments and continued improving and adding new features for further deployments.
Added customized Keen tracking, triggering special conversion events via an Angular service.
Debugged and fixed any bugs during development and supported the application beyond launch.
Continued developing the codebase through ongoing feature releases, application support, performance enhancements, feature improvements, and multiple dependency upgrades.
Managed other engineers to deliver contained sections of the app and connected their work in the main branch after code review.

Technologies: Lodash, Angular Material, HTML, TypeScript, SCSS, Firebase, Angular, React, User Experience (UX), User Interface (UI), CSS3 Animation, UI Animation, Sass, JavaScript, Jasmine, REST APIs, JSON, SaaS, eCommerce, Technical Leadership, Software Architecture, Amazon Web Services (AWS), NgRx, RxJS, Node.js, NPM, Web Security, RESTful Web Services, Contentful, Universal, UI Design, UX Design, Data Visualization, Google Cloud Functions, Firebase Cloud Functions, Accessibility, Performance, Performance Testing, Cloud Firestore, SendGrid, SendGrid API, Twilio, Twilio API, Keen.io, Slack, Slack API, Notification Center, Pub/Sub, Interactive Design, Kanban, HTML UI, Web Forms, Svelte, Interactive Charts, Search Engine Optimization (SEO), Login & Registration, Quality Assurance (QA), Adobe Photoshop, XD to HTML, Prototyping, Web UI Design, Design, Front-end Development, Custom CMS Development, Microsoft Visual Studio, ReactiveX, CSS, Mobile First, Responsive Web Design (RWD), Front-end

Senior Angular Engineer

2017 - 2019

My Shipping Post

Built a B2B, customer-facing shipping application with the latest Angular 4 tech.
Took an existing codebase, updated the technology, and refactored most of the code to align with Angular best practices and DRY strategies. Also, I created new sections of the application and restructured the existing section.
Built an intricate UI driven by user interactions.
Developed a complex SPA interaction model using layered UI: pages, modals, tabs, and alerts, with data manipulation and view nesting at each level.
Worked closely with the back-end API to integrate billing and store/read DB objects to create and update the UI.
Created complex navigation using user types and permission levels.
Developed data-driven UI using status and various flags to position content in the correct views and to enable user interaction.
Created a complex data-table component to make interaction with the data easy and precise throughout the UI.

Technologies: JSON, JavaScript, SCSS, HTML, Angular, User Experience (UX), User Interface (UI), CSS3 Animation, UI Animation, Firebase, TypeScript, Sass, Google Maps, REST APIs, SaaS, eCommerce, Technical Leadership, Software Architecture, RxJS, NPM, RESTful Web Services, Interactive Design, Kanban, HTML UI, Web Forms, Login & Registration, Lodash, Quality Assurance (QA), Front-end Development, Microsoft Visual Studio, ReactiveX, CSS, Mobile First, Responsive Web Design (RWD), Front-end, Node.js

Web Master

2016 - 2019

Mile High Paragliding, Ltd.

Led front-end development on a brand-new customer-facing website.
Took desktop designs and implemented mobile and tablet responsive layouts without further design input.
Designed and built animations and interactions for the UI.
Completed a basket UI, implemented using AngularJS with checkout via PayPal express checkout.
Developed an Umbraco-driven CMS website using Razor templates.
Wrote highly scaleable code for this fast-growing company to take forward with them.

Technologies: jQuery, Sass, CSS3, HTML5, Umbraco, AngularJS, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, Firebase, TypeScript, JavaScript, Google Maps, Accessibility, PayPal API, PayPal, eCommerce, Technical Leadership, Software Architecture, HTML, Ionic, NPM, Interactive Design, HTML UI, Web Forms, Videos, Search Engine Optimization (SEO), Login & Registration, Lodash, Quality Assurance (QA), Adobe Photoshop, Web UI Design, Design, Front-end Development, Custom CMS Development, Microsoft Visual Studio, CSS, Responsive Web Design (RWD), Front-end

Senior UI Developer

2017 - 2018

Juno Digital

Built a full-scale consumer-facing ng4 web application.
Integrated payments, registration, login, and accounts with the back end.
Integrated tracking with Google Tag Manager (GTM).
Built complex SCSS animations for clear and engaging user interaction.
Supported the application through UAT to production.
Created coupon management for user-specific price offers throughout the application.
Worked closely with the back-end team to ensure DRY development strategy.
Ensured a pixel-perfect output from complicated PSD design files.

Technologies: JavaScript, SCSS, HTML, Angular, User Experience (UX), User Interface (UI), CSS3 Animation, UI Animation, TypeScript, Sass, REST APIs, JSON, eCommerce, RxJS, NPM, RESTful Web Services, Interactive Design, Kanban, HTML UI, Web Forms, Search Engine Optimization (SEO), Login & Registration, Lodash, Quality Assurance (QA), Adobe Photoshop, Front-end Development, Microsoft Visual Studio, CSS, Mobile First, Responsive Web Design (RWD), Front-end

Senior UI Developer

2017 - 2017

eDea

Created the MVP web app for the client using AngularJS.
Supported the web app through testing and UAT to production.
Integrated the front end with a back-end API. The website consisted of external landing pages plus a login/account area with data input forms and analytics charts.
Worked on a low budget to a high standard, taking care to plan and prioritize features accordingly.
Provided QA and general debugging of the front and back ends.

Technologies: Jira, JavaScript, SCSS, HTML, AngularJS, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, Sass, REST APIs, JSON, SaaS, RxJS, NPM, RESTful Web Services, Interactive Design, HTML UI, Web Forms, Videos, Interactive Charts, Login & Registration, Lodash, Quality Assurance (QA), Adobe Photoshop, Front-end Development, Microsoft Visual Studio, CSS, Responsive Web Design (RWD), Front-end

Lead Front-end Developer

2016 - 2016

Enveil

Led front-end development for an application, created in Swagger, that communicated with a REST API.
Conducted testing. Communicated frequently with those on the client side implementing the back-end.
Designed solutions for clean, well-made code. Implemented a brand new front-end.
Implemented real-time notification retrieval via the API and rendered out to the UI.
Redesigned some of the UI and implemented visual sanitation.
Created a clean codebase from scratch using AngularJS to build out isolated factories and services that communicated with the REST API independently from controllers, keeping any data manipulation from retrieval or update.
Implemented user login via the API including error handling.
Constructed dynamic menus by retrieving all the items available for the current user and keeping this list updated if items were added/removed in another session.
Executed routing using Angular's Ng-route, performing user validation checks before loading in the appropriate content and retrieving any required data to passed along to the view controller.

Technologies: HTML5, SCSS, CSS, AngularJS, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, Firebase, Sass, JavaScript, Swagger, REST APIs, JSON, SaaS, RxJS, HTML, NPM, RESTful Web Services, Interactive Design, Kanban, HTML UI, Web Forms, Adobe Photoshop, Front-end Development, Microsoft Visual Studio, Responsive Web Design (RWD), Front-end

Lead Front-end Developer

2016 - 2016

OSD Healthcare

Developed a large-scale CMS-driven web application.
Tested and deployed several releases in iterative cycles.
Created re-usable Sass mix-ins and a defaults library for the use of other developers in the company.
Implemented a complex series of CMS-driven menus, which adapts a user's journey through the site.
Ensured that everything was cross-browser tested and backward compatible to IE8.
Created very adaptive styling, forgiving of any content entry mistakes. This meant creating each area as a component that could be added or removed without affecting the areas on either side of it.

Technologies: Umbraco, Razor, Model View Controller (MVC), jQuery, CSS3, Sass, HTML5, User Experience (UX), User Interface (UI), CSS3 Animation, UI Animation, JavaScript, HTML Email, Accessibility, Technical Leadership, Software Architecture, RxJS, HTML, NPM, Interactive Design, HTML UI, Web Forms, Search Engine Optimization (SEO), Underscore.js, Quality Assurance (QA), Adobe Photoshop, Front-end Development, Microsoft Visual Studio, CSS, ASP.NET Razor, Mobile First, Responsive Web Design (RWD), Front-end

Lead Front-end Developer

2016 - 2016

MSD

Integrated the front end of the registration, account management, and login pages, using Angular controllers to pass information between the server and the view.
Wrote test-driven Angular controllers through Jasmine. Worked with an in-house back-end API.
Created over 20 custom property editors for Umbraco using Angular.
Handled interaction design, animating the user interface to make it responsive and helpful. I created directives and jQuery plugins to handle most of the triggers while keeping the animation itself mainly in CSS.
Oversaw the design solution and was integral in problem-solving throughout the project.
Used Velocity where complicated animations were required.
Created a reusable Gulp file to ready the solution for live deployment. This file has been adopted across the company for other projects as well.
Provided post-launch support and hyper-care, fixing any bugs immediately and making weekly redeployments of non-critical changes. This included daily conferences with the client.
Took an agile development approach with daily scrum sprints and iterative release cycles.
Worked closely with an in-house designer, making the site look identical to his designs, and came back with suggested workarounds when something was not possible.

Technologies: Umbraco, Sass, HTML5, jQuery, AngularJS, Razor, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, JavaScript, Google Maps, HTML Email, Model View Controller (MVC), Accessibility, Technical Leadership, Software Architecture, RxJS, NPM, Interactive Design, HTML UI, Web Forms, Videos, Underscore.js, Quality Assurance (QA), Adobe Photoshop, Front-end Development, Microsoft Visual Studio, CSS, ASP.NET Razor, Mobile First, Responsive Web Design (RWD), Front-end

Lead Front-end Developer

2015 - 2016

The Gym Group

Created a highly interactive join journey, feeding the user through different choices based on selections already made and passing the data through to a .NET controller to be stored in the database.
Developed a dynamic menu system that varied the choices available based on location and login status, aimed at simplifying a very complex site map.
Carried out solution design and proof-of-concept studies prior to project commencement.
Developed my own JavaScript library, called AbleJS, available now on GitHub.
Designed and implemented the interactivity of the UI.
Implemented a mobile-first development flow within the team and laid down the guidelines for this across the team.

Technologies: Umbraco, Razor, Sass, HTML5, jQuery, AngularJS, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, JavaScript, Google Maps, HTML Email, Model View Controller (MVC), Accessibility, PayPal API, PayPal, eCommerce, Technical Leadership, Software Architecture, RxJS, HTML, NPM, Interactive Design, Kanban, HTML UI, Web Forms, Search Engine Optimization (SEO), Login & Registration, Underscore.js, Quality Assurance (QA), Adobe Photoshop, Web UI Design, Design, Front-end Development, Microsoft Visual Studio, CSS, ASP.NET Razor, Mobile First, Responsive Web Design (RWD), Front-end

Head of Front-end Development

2012 - 2015

Team ITG

Built over ten large-scale, fully mobile-responsive websites, both customer-facing and internal company portals for the digital agency ITG, delivering projects for high-profile global clients such as Liberty Global, Bayer Healthcare, J&J, and TUI.
Managed a team of ten developers and trained clients on the software I developed. Wrote and presented JavaScript and Umbraco training workshops for my team.
Developed an AngularJS library of reusable directives and services to be used across the company for web projects.
Developed three analytics portals, which consumed an external data source and displayed various charts, graphs, and diagrams to illustrate trends.
Built two transactional websites as well as redeveloped the company's website.
Developed and implemented my own responsive framework to build HTML emails.
Designed solutions for front-end development. This included meeting with heads of departments throughout the company to identify and eliminate potential issues, as well as decide the best approach to a project to achieve the desired result.
Worked in agile development cycles. Hand-coded thousands of mobile-responsive HTML emails, tested across all common platforms.
Carried out an Umbraco migration on their site from v6.0 to v7.2.
Developed a white-labeled Sass grid using Susy, which is used on all of their client website builds.

Technologies: Jira, HTML Email, Razor, Umbraco, Sass, CSS, HTML, AngularJS, jQuery, User Experience (UX), User Interface (UI), CSS3 Animation, Angular, UI Animation, JavaScript, Google Maps, Gulp, Email Marketing, Model View Controller (MVC), REST APIs, Adobe Experience Design (XD), eCommerce, Technical Leadership, Software Architecture, RxJS, NPM, RESTful Web Services, Interactive Design, HTML UI, Web Forms, Videos, Interactive Charts, Search Engine Optimization (SEO), Login & Registration, Underscore.js, Quality Assurance (QA), Adobe Photoshop, XD to HTML, Web UI Design, Design, Front-end Development, Custom CMS Development, Microsoft Visual Studio, ReactiveX, ASP.NET Razor, Reactive Programming, Continuous Integration (CI), Mobile First, Responsive Web Design (RWD), Front-end, AMPscript, Salesforce Commerce Cloud

UI Engineer

2010 - 2011

Virgin Trains

Joined a team of developers part way into the build to speed up production release.
Created HTML pages based on PSD designs from the designer.
Worked closely with the .NET developer to bring the data into the UI and visualize it in charts, graphs, and tables.
Handled routing within the app without the aid of a framework.
Built survey pages to collect data from customers.
Supported the app through dev cycles and post-production releases.

Technologies: JavaScript, MVC Design, HTML, CSS, SCSS, PSD to HTML, Net Promoter Score (NPS), Data Visualization, Data-oriented Design, Data-informed Visual Design, Interactive Design, HTML UI, Web Forms, Adobe Photoshop, Microsoft Visual Studio, Front-end

Experience

DataRich.io

http://datarich.io

Built an Angular application from scratch, fully integrated with Contentful CMS. Designed and implemented the CMS content structure. Implemented SSR with Angular Universal. Built Cloud Functions to process and handle data on the backend. Optimised for search engine performance. Carried out interaction design across the site and created custom designs and prototypes for the main menu, sidebar and responsive versions of the app.

Survey Gateway

Using Svelte, I built a gateway app to authenticate, log and run through various other optional checks (such as device capabilities, data-capture, reCaptcha etc) with survey respondents before forwarding them onto the survey they were accessing. The app was highly dynamic, each check being optional depending on which services the survey owner had selected. For some entries, the gateway itself would never be seen before handing off to the survey, but for others, users could be sent through 5 separate screening stages before continuing into the survey. For this Svelte was a powerful tool to make a light-weight dynamic UI. I worked closely with a backend developer who created the APIs to request and submit data to the server. We agreed and iterated the data models together, ran diagnostics and carried out e2e tests of the system before releasing to production.

Giveaway Widget

Using React with TypeScript I implemented a UI widget to pull in data via an internal AWS API for a dynamic giveaway/reward specified in the URL string and render the content. The app was highly flexible to be able to render into any webpage via an iFrame, using Window.postMessage to communicate with the parent page.

Media Capture

http://media-capture-admin.firebaseapp.com

Using React, I created an internal portal to upload and manage images and videos, with Cloud Functions to support with data processing and validation. Firebase was a big part of this project, enabling a serverless architecture. I used Firebase Storage to hold media files, Firestore to keep user data and additional information about the uploaded files, Firebase Auth to restrict the access, Firestore and Storage rules to restrict access to content based on user role, and Cloud Functions to validate, manage and upload media on the backend. To build the UI I used React, with hooks to keep my components in sync. Before this, I designed the UI from scratch, starting with wireframes, then an interactive XD design and a React prototype.

A&A | Front End Developers

http://aa.agency

Designed and built a glossy marketing site for a front-end development agency with Angular. Complex animations and designs. Implemented modular signup process to onboard new clients. Implemented serverless backend with Google Cloud Functions, which handled signup, user deletion, email and slack notifications. Managed other developers on the team. Angular Universal and a node.js Express server worked to prerender content for SEO. Used Contentful CMS to serve article content. Search engine optimised using macro- and microdata.

Forthright Access

https://www.forthrightaccess.com

A customer-facing Angular application used to promote and manage survey customers. Through this UX-oriented application, users can create and manage their surveys. In addition, there were role-based access permissions, so internal customer service reps can manage customer accounts and communicate via the interface. Firebase back end, Angular front end, with a Material UI.

Bovitz Panel Tools

https://www.bovitzpaneltools.com

An internal Angular portal for managing surveys. Migrated an existing application built with Ruby on Rails into a modernised and redesigned Angular application. Developed new features, and carried out dependency upgrades, bug fixes and feature improvements. Secured the app using Firebase Authentication. Also used Firebase to manage data via Firestore. Application security and data lookups via a new AWS API and some data retrieval still via the old Rails API. Carried out QA for all releases, and saw them through dev, staging and prod deployments. Built the entire application including data visualisations, marketing content, user-management tools, and other administrative and back-office management tools.

LottoRoyals

Complex consumer-facing website for a multilingual collective of world-wide lotteries and syndicates. Created using Angular 4, with NgRX to manage dataflow on the front end. Complex animations used throughout to make the UI engaging and compelling. Vibrant, bold design made the layout build very technical and challenging, but very satisfying also. Payment processing through a basket/checkout workflow. On the fly payment processing. Lots of data and input forms flowing back and forth between UI and API. Data-driven kept updated to make sure any results published and updated in the UI immediately. Friendly easy UX to encourage customers to engage.

The Gym Group

http://www.thegymgroup.com

A large-scale POS website with a complicated registration process and account management section. This was all handled through AngularJS controllers, which communicated with a member management system in the back end.

The front end had some complicated animations to transition through the join journey and was created entirely with a mobile-first approach.

The front end had to be accessible (Level AA Conformance) which meant periodically running it through an evaluation tool and making sure the site was structured and referenced correctly as well as compliant in a number of other criteria.

eDea Stance

Financial health tool built as an MVP. Uses AngularJS to implement a data-driven UI that allows users to input data and then manipulate charts which represent their financial health (Link is to the UAT site only)

Enveil.com

An Angular application that communicates with the back end via REST API created using Swagger. The app carries out complex searches, and the front end allows for users to log in and initiate a new search, re-run a previous search, and see/manage the search history.

One Stop Doctors

I was tasked with building a brand new website for a startup. As well as developing some of the core features myself, I managed a small front-end team that worked on other areas of the project, running QA on their work as we progressed to ensure the site met with the original specs and matched the designer's vision.

The site uses vanilla JavaScript, for the most part, coupled with clean CMS-driven HTML pages and Sass.

I had to make the site alongside the designer, who was happy that my code matched his designs to the pixel and that I was able to make his animations into a reality.

My dedication to the project came through in that I was in the office until gone midnight on the launch day to make sure everything went smoothly and the client was happy!

MSD Nordics Portal

https://msdinsight.no/

A portal for doctors in the Nordics region, this site uses a highly customized installation of Umbraco to manage very dynamic content. There are over fifteen custom Umbraco property editors, and the portal uses AngularJS to filter and display myriad content to end users based on their security level and job role.

I worked with another developer on the project; we ran QA on each other's work to make sure it worked as expected.

Creator

A comprehensive website for a design agency, built using Umbraco with Razor. It uses a fully fluid, mobile responsive layout utilizing CSS3 styling and effects. I used all my own plugins and scripting to implement menus, loading effects, and other embellishments around the site. I was kept on the team to continue maintenance and expansion of new and existing content. Angular was used for specific parts of the site, such as an intuitive form that calculates a client's marketing strengths and weaknesses.

Thomson & First Choice Surprise and Delight

An internal portal for Thomson & First Choice employees to manage and review customer engagement with their holiday programs. The site was fully responsive and every page was entirely dynamic, pulling in different data and views depending on who was logged in and the specific trends our customers were reviewing. This meant it had to be extremely flexible to accommodate any number of eventualities.

RapidFire

Single page build for a small design agency. This was their glossy homepage, with a fully mobile responsive finish and slick graphics and animations to match. Parallax scroll effects custom built using JavaScript and CSS, HTML built from scratch from PSD designs, webforms to submit enquiries and get in contact. Delivered on a very tight budget and a very short timescale. Pixel-perfect code output, identical to the PSD when overlaid on top.

Visual.sg

http://visual.sg

This was a portfolio piece for an artist in Singapore. The site or a single page that navigates through her work is in itself supposed to be a part of the art. I was heavily involved in animation and interaction design and had to come up with the solution to her unique ideas. She was over the moon with the results and I was pretty proud at the time too.

De Vere Venues Golf Portal

A sales platform for customers to sign up, make purchases, and manage their account and research venues and golf courses available. It also had an admin area for the client to access and manage their own customer database.

Edible Art Movement

http://www.edibleartmovement.com

An events site for a group of London-based artists. Built as a single page application (hand-coded without the aid of front-end frameworks!), supporting browser navigation and page-refresh. Subtle CSS3 animations showcased the artwork of the site collective members. Data-driven content pulled from local database in the absence of a CMS.

Awareness Mindfulness Meditation

A website for a small startup group. It's a single page, designed and built by yours truly, and implemented using Umbraco. The website is mobile responsive, using a mobile-first approach. Styling is done using Sass and HTML5.

Responsive Email Boilerplate

I developed a responsive email boilerplate which is essentially a set of classes which can be used to scaffold any responsive email. It has all of the fixes I use for HTML email and makes coding emails a lot faster and more consistent.

AbleJS

My own jQuery library aimed at making websites interactive without having to write any JavaScript. This piece primarily came about to allow non-scripters in my team to be able to work with the sites I had built, but it became something much more. I now use this on almost all my projects.

Caroline And Adam

http://carolineandadam.co.uk

The first in a string of wedding websites I have created (beginning with my own!). An invitation and guest management system accepted RSVPs and amalgamated responses in an admin UI for an overview, with the ability to manually update records. Scroll effects subtly highlighted the important parts of the site.

Skills

Languages

CSS, HTML, TypeScript, Sass, HTML5, JavaScript, CSS3, ASP.NET Razor, SCSS, COBOL, AMPscript

Frameworks

Bootstrap, Angular, AngularJS, Knockout (Knockout.js), Razor, Jasmine, Ionic, Redux, Svelte, Swagger, Angular Material, MVC Razor, Express.js, Next.js, Material UI

Libraries/APIs

Lodash, React, jQuery, Underscore.js, REST APIs, NgRx, RxJS, Web API, Google Maps, ReactiveX, Velocity.js, PayPal API, Node.js, SendGrid API, Twilio API, Slack API, Parallax, ASPX, Stripe, Stripe API, D3.js, Carbon

Tools

Adobe Experience Design (XD), Microsoft Visual Studio, Angular Universal, Firebase Authentication, Visual Studio, NPM, SendGrid, Slack, Jira, Adobe Photoshop, Gulp, Net Promoter Score (NPS), Mailchimp, Google Analytics, Salesforce Marketing Cloud, CloudPages, Figma

Paradigms

Responsive Web Design (RWD), Interactive Design, Responsive Layout, Search Engine Optimization (SEO), Scrum, Agile Software Development, Data-oriented Design, Data-informed Visual Design, UI Design, UX Design, Web UI Design, Model View Controller (MVC), Reactive Programming, Continuous Integration (CI), MVC Design, Kanban, Database Design, Agile

Platforms

Contentful, Firebase, Umbraco, Windows, Twilio, Amazon Web Services (AWS)

Storage

JSON, Cloud Firestore, Web Forms, Salesforce Commerce Cloud, BigTable, Google Cloud

Other

Interaction Design (IxD), APIs, Front-end, Mobile First, CSS3 Animation, Content Management Systems (CMS), Quality Assurance (QA), User Interface (UI), Email Marketing, UI Animation, HTML Email, User Experience (UX), SaaS, eCommerce, English, Technical Leadership, PSD to HTML, Data Visualization, Universal, Firebase Cloud Functions, Performance, XD to HTML, Wireframing, Web UX, Web UI, CSS5, Front-end Development, Menu Design, Animation, Interactive UI, Interactive UX, Firebase Hosting, Serverless, Notification Center, HTML UI, Videos, Login & Registration, Interactive Charts, Responsive Design, Cloud Storage, CSV Export, Dynamic Data, Data-driven Templates, Technical Design, PSD Slicing, Pixel Perfect, Multilingual Websites, Custom CMS Development, Sprints, Scripted Animation (JavaScript), JavaScript Libraries, Pub/Sub, OpenAI, OpenAI GPT-3 API, OpenAI GPT-4 API, ChatGPT, Accessibility, PayPal, Software Architecture, Web Security, RESTful Web Services, Google Cloud Functions, Performance Testing, Prototyping, Design, Keen.io, UI Prototyping, UX Prototyping, Data Modeling, Scroll Animations, Team Leadership, QA Testing, Card Payments, Agile Sprints, Google Analytics 4, Design Sprints, Routing, Version Control, Server-side Rendering (SSR), Server-side JavaScript, Maps, Full-stack, Full-stack Development, Pixel, MVP Design

Education

2007 - 2010

Bachelor of Arts (Hons) Degree in English Literature

University of East Anglia - Norwich, UK

Certifications

APRIL 2015 - PRESENT

Level 1 Umbraco Certification

Perspient Studios

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.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

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