Dylan Reeves, Developer in Canggu, Indonesia
Dylan is available for hire
Hire Dylan

Dylan Reeves

Verified Expert  in Engineering

Front-end Developer

Location
Canggu, Indonesia
Toptal Member Since
November 7, 2022

Dylan is a passionate front-end developer who has grown from a young self-taught coder to an accomplished professional experienced in many different industries. His background includes working with digital agencies, government bodies, and global brands. Dylan loves challenges and is always keen to offer a fresh perspective to a new team on a new project.

Portfolio

Code for Australia
WordPress, JavaScript, Figma, cPanel, Advanced Custom Fields (ACF)...
Avenue
React, Next.js, React Apollo, Hasura, Styled-components, Cypress, Node.js...
Fuller
Advanced Custom Fields (ACF), WordPress, Roots, Sketch

Experience

Availability

Full-time

Preferred Environment

MacOS, Slack, Visual Studio Code (VS Code), Node.js

The most amazing...

...project I've worked on is the national website for the Australian Football League (AFL).

Work Experience

WordPress Developer

2022 - 2022
Code for Australia
  • Discussed with the client the need for a new website area and worked with a designer to assess the feasibility of an interactive solution.
  • Built a new template for the satellite site and created components in ACF to compose layouts as desired.
  • Built advanced blocks which query custom WordPress post types, resulting in a more dynamic and user-friendly experience for website visitors.
  • Built the website to be mobile-friendly and accessible, ensuring a positive user experience for all visitors regardless of device or accessibility needs.
  • Updated the website to Google Analytics 4 and ensure events were tracked correctly.
Technologies: WordPress, JavaScript, Figma, cPanel, Advanced Custom Fields (ACF), Architecture, Google Analytics, Google Analytics 4, Google Tag Manager

Senior Developer

2020 - 2021
Avenue
  • Worked in a team to produce a minimum viable product (MVP) of a marketplace platform for a mentorship company, Lisnic.
  • Built microservices to handle the business logic for the front-end application connected to the Hasura back end.
  • Integrated front-end components into the application and the back end.
  • Wrote end-to-end tests using Cypress to ensure core functionality did not break as the MVP was evolving.
Technologies: React, Next.js, React Apollo, Hasura, Styled-components, Cypress, Node.js, GraphQL, Gatsby, Stripe, Stripe API, Front-end, Marketplace Platforms, User Interface (UI)

Senior Developer

2020 - 2020
Fuller
  • Developed several pixel-perfect client websites using the Roots WordPress stack.
  • Built reusable components with advanced custom fields (ACF) for all agency client sites.
  • Trained clients on how to use their new websites and wrote user guide manuals specific to each website for future reference.
Technologies: Advanced Custom Fields (ACF), WordPress, Roots, Sketch

Senior Developer

2019 - 2019
Pulselive
  • Created pixel-perfect layouts and components for the content management system (CMS).
  • Built front-end components for the Australian national football league and club websites.
  • Wrote the functionality with Vanilla JS to keep the site lightweight.
Technologies: JavaScript, CSS, HTML, Jira

Senior Developer

2017 - 2019
Avenue
  • Built pixel-perfect websites from sketch design references using WordPress and Gatsby.
  • Collaborated with the designer to design and implement complex animations on client websites.
  • Developed a competition chatbot for leading cider brand Somersby using the Botkit framework.
Technologies: Gatsby, React, Chatbots, Roots, WordPress, Sketch, Botkit, Node.js

Senior Front-end Developer

2017 - 2017
Deloitte Digital
  • Liaised with UX consultants, back-end developers, and front-end developers to build accessible and user-friendly forms.
  • Wrote unit tests to ensure custom form elements behave correctly.
  • Packaged components for integration and testing by an offshore back-end team.
Technologies: JavaScript, HTML, CSS, jQuery, Middleman, Unit Testing

Senior Web Developer

2016 - 2016
ASOS
  • Designed and built a web app using Fabric.js to customize unique tote bags for physical printing via an application programming interface (API).
  • Built a front-end prototype of an app to find similar-looking clothes using an image recognition API trained to the product database.
  • Mentored junior developers in producing clean and quality code.
Technologies: React, Canvas, Sitecore

Mobile App Developer | Web Developer

2015 - 2016
The Distillery
  • Built a hybrid iOS and Android app using the Ionic app framework.
  • Collaborated closely with designer and back-end developer to ensure user experience and functionality requirements were met.
  • Worked on other client websites in parallel with the main app development project.
Technologies: Ionic, AngularJS, APIs

Front-end Developer

2014 - 2014
Capco
  • Developed a brochure website for a major bank, Harrods Bank.
  • Worked closely with the design team on quick website iterations.
  • Integrated the template into the CMS and trained the staff to use it.
Technologies: Joomla, HTML, CSS

Web Developer

2011 - 2012
The Memphis Agency
  • Built the back-end functionality for websites in FarCry CMS.
  • Developed front-end of websites using the Bootstrap framework.
  • Worked closely with designers to produce pixel-perfect websites from design.
Technologies: ColdFusion, HTML, CSS, jQuery, Bootstrap 3

Web Designer | Web Developer

2004 - 2009
Moka Interactive
  • Started a small agency while at school to design and build websites for clients.
  • Gathered client requirements and needs to build quality websites.
  • Built everything by hand without development frameworks.
Technologies: PHP, HTML, Photoshop CC

Development of the FrancoCrea Website

https://www.francocrea.com.au/
FrancoCrea is an artisan furniture designer and manufacturer. My role on the project was to work with the designer to achieve great animation and transitions on a WordPress-based website. Since it was a website for a designer, pixel perfection was necessary to mimic the level of precision in the FrancoCrea furniture design.

Lisnic

https://www.lisnic.com/
Lisnic, now a job board, was a platform enabling people to find mentorship from industry-leading business owners.

I was involved in setting up the back-end business logic to handle the relationships between users and the billing system and wiring up all the front-end components into the Next.js and Apollo front-end app.

Development of the Avenue Agency Website

https://avenue.design/
While working at Avenue, I was tasked with building the agency's website in Gatsby and WordPress. In the early days of Gatsby, it was difficult to preview static websites, so I created a solution to hydrate a static Gatsby preview template with WordPress data from the API on the fly.

Development of the Visit Ballarat Website

https://www.visitballarat.com.au/
I worked on a team to help build this content-heavy, static site. I built the back end using WordPress and ACF, while the front end was built in Gatsby. I helped set up the main structure of the site and processed the WordPress API data to be statically rendered. I also integrated the back-end data into Algolia and built the front-end filtering and search components using the Algolia API. I also integrated our in-house hydration system (which I built) to preview content in the React site before it was rendered.

Languages

JavaScript, CSS, HTML, PHP, GraphQL

Frameworks

Next.js, Cypress, Ionic, AngularJS, Bootstrap 3

Libraries/APIs

React, Node.js, jQuery, Stripe API, Stripe

Other

Pixel Perfect, Front-end, User Interface (UI), Sitecore, Gatsby, Chatbots, Styled-components, Animation, APIs, ColdFusion, Apollo, Architecture, Google Analytics 4, Google Tag Manager

Tools

Figma, Sketch, Git, Slack, AutoCAD, Canvas, Jira, Middleman, Roots, Botkit, Advanced Custom Fields (ACF), React Apollo, Photoshop CC, Google Analytics, Mailchimp

Paradigms

Marketplace Platforms, Unit Testing

Platforms

WordPress, MacOS, Joomla, cPanel, Netlify, Algolia, Visual Studio Code (VS Code)

Storage

Hasura

2006 - 2010

Bachelor's Degree in Architecture

The University of Adelaide - Adelaide, South Australia, Australia

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