Matt Sanders, Developer in Auckland, New Zealand
Matt is available for hire
Hire Matt

Matt Sanders

Verified Expert  in Engineering

Software Developer

Location
Auckland, New Zealand
Toptal Member Since
May 11, 2017

Since 2011, Matt has been contributing to various projects of all shapes and sizes. He works primarily as a front-end developer specializing in front-end web applications, however, he also has a great deal of full-stack experience and can work well in both roles. Over the course of his career, Matt has worked in a number of different teams and solved numerous problems.

Availability

Part-time

Preferred Environment

Git, Vim Text Editor, Linux, MacOS

The most amazing...

...project is the one I'm currently maintaining: a schema-based form builder for Vue.js that supports asynchronous validation, and modular field creation/theming.

Work Experience

Freelance Web Developer

2015 - PRESENT
Sanders Web Development
  • Built various web applications in Vue.js and React.
  • Acted as the lead developer for an agency managing multiple eCommerce projects, primarily on WordPress.
  • Helped develop CI/CD pipelines for various apps.
Technologies: WordPress, PHP, Vue, JavaScript, CSS, HTML

Web Developer

2011 - 2015
Zeald
  • Performed general maintenance of a Perl-based CMS for both the back-end and the front-end using a variety of front-end technologies.
  • Released new features to the CMS such as payment gateways, Xero integrations, image and file managers and more; again with a mix of back-end Perl and front-end technologies.
  • Maintained the internal infrastructure by fixing bugs and releasing new features such as Google Calendar integration and other integrations with the Workflow.
  • Released many features for a website builder aimed at small businesses. This was written in Node.js for the back-end and Backbone and Dust for the front-end.
  • Wrote a PHP script to integrate and export data from the CMS to other major platforms such as WordPress and Shopify.
Technologies: Perl, PHP, JavaScript, CSS, HTML

Vue Formly

https://github.com/formly-js/vue-formly
Vue Formly is a schema-based form builder for Vue.js. It removes the bloat and repetition involved with building forms. It comes built-in with asynchronous form validation that can be easily extended to fit many situations.

I wanted Vue Formly to be a "catch-all" module for forms in Vue.js and for that reason it is incredibly modular. You can include the supported Vue Formly Bootstrap project to use Bootstrap field styles, or you can create your plugin for any front-end framework. It does not lock you into one date-picker or fancy select box but lets you define your own.

Vue Formly also has no other dependencies resulting in a reduction of bloat from your application.

Traversel

https://www.traversel.com/
Traversel provides travel distribution software. As the lead front-end developer, I created the web app to allow staff and customers to load and edit their products. We used Vue.js along with TypeScript, Jest as a unit testing framework, and Cypress for E2E tests. We also set up CI/CD pipelines to enable quick turnarounds and easy deployment.

Inciter

Inciter provides a web app to help collect, analyze, and report on sensitive personal information. As the lead front-end engineer, I contributed to the build of a product that could handle dynamic form creation and display dynamic reports based on the collected data. The web app was built on Vue and utilized Vuex for state management, Vuetify as a component library, and Jest as a test framework.

As they have multiple clients with varying needs, we were required to make the app itself load different components dynamically depending on the client build. We built a core layer that added/removed modules as needed.

Goodwins

https://www.goodwins.co.nz
Goodwins runs on WordPress with a React app that powers the property search. It integrates with a third-party API to pull listings.

Cowdy

https://cowdy.co.nz/
Cowdy is a property management company, and this WordPress site integrates their various real estate providers. It collates these listings and displays them through a property search written in Vue.js.

Resene Construction

https://reseneconstruction.co.nz/
A WordPress site that relies heavily on integrations with Resene's APIs.

Languages

Sass, CSS, HTML, Less, CSS3, JavaScript, HTML5, PHP, TypeScript, Perl

Frameworks

Bootstrap, JavaScriptCore, Redux

Libraries/APIs

jQuery, REST APIs, Vuex, Vue, React, Node.js, Google Maps JavaScript API 3

Other

Ajax, Software Development, Apps

Tools

Gulp, JavaScript Testing, Grunt, Adobe Photoshop, Adobe Fireworks, Git, GitHub, Bitbucket, Sketch, Vim Text Editor, Webpack

Paradigms

Functional Programming, Asynchronous Programming, Unit Testing, Model View Viewmodel (MVVM), JavaScript MV* Framework, Agile

Storage

MySQL, MongoDB

Platforms

MacOS, WordPress, Linux, Heroku

2009 - 2011

Bachelor's Degree in Communications

Auckland University of Technology - Auckland, New Zealand