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

Matt Sanders

Verified Expert  in Engineering

Bio

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.

Portfolio

Nota / The Doe, Inc.
HTML, CSS, Vue, JavaScript, React, TypeScript, Jest, Git, Node.js, Express.js...
Sanders Web Development
WordPress, PHP, Vue, JavaScript, CSS, HTML, Front-end Development, Front-end...
Zeald
Perl, PHP, JavaScript, CSS, HTML, Front-end Development, Front-end, Web UI...

Experience

Availability

Part-time

Preferred Environment

Git, Vim Text Editor, Linux, MacOS

The most amazing...

...product I've built was a text-to-video generator that was driven by a JSON schema and populated by AI-created images.

Work Experience

Senior Software Engineer

2020 - 2023
Nota / The Doe, Inc.
  • Developed an app that used AI to perform various operations on articles. This ranged from extracting key data points from within the article, to creating images and videos based on it.
  • Developed a user-facing publishing platform that displayed articles pulled from a CMS and contained a recommendation engine based on user reading habits and quiz responses.
  • Oversaw deployments and monitored server health and uptime. This included migrating databases, monitoring response times, automating release cycles, and speeding up releases.
Technologies: HTML, CSS, Vue, JavaScript, React, TypeScript, Jest, Git, Node.js, Express.js, Docker, Heroku, Amazon Web Services (AWS), Front-end Development, Front-end, Web UI, Web UX, User Interface (UI), User Experience (UX), Next.js, Tailwind CSS, APIs, PostgreSQL, Stripe, Full-stack, OpenAI, SQL, Web Development, Vercel, Prismic, Headless Software, React Hook Form

Freelance Web Developer

2015 - 2020
Sanders Web Development
  • Built various web applications in Vue and React.
  • Acted as the lead developer for an agency managing multiple eCommerce projects, primarily on WordPress.
  • Built and maintained custom WordPress themes, plugins, and integrations.
Technologies: WordPress, PHP, Vue, JavaScript, CSS, HTML, Front-end Development, Front-end, Web UI, Web UX, User Interface (UI), User Experience (UX), Next.js, React, Redux, APIs, MongoDB, MERN Stack, Stripe, MySQL, Full-stack, SQL, Web Development, Vercel

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, Front-end Development, Front-end, Web UI, User Interface (UI), MySQL, Full-stack, SQL, Web Development

Nota

https://www.heynota.com
Nota builds tools to "take the pain points out of publishing." We developed an app that allowed publishers to enter their content and see data points and recommendations on best practices for their articles. This included things like generating summaries, converting articles to videos, creating headlines that best suit the content, etc.

The Doe

https://www.thedoe.com
A publishing site that displays narratives written by verified anonymous authors. Content must go via the editors to pass quality control and verify anonymity. Narratives are analyzed using NLP, which helps to form the recommendation engine for users to help present them with narratives that both align with and may challenge their current reading habits.

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.
2009 - 2011

Bachelor's Degree in Communications

Auckland University of Technology - Auckland, New Zealand

Libraries/APIs

jQuery, REST API, Vuex, Node.js, React, Vue, React Hook Form, Google Maps JavaScript API 3, Stripe

Tools

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

Languages

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

Frameworks

Bootstrap, JavaScriptCore, Next.js, Redux, Express.js, Tailwind CSS, Jest

Platforms

Vercel, WordPress, MacOS, Linux, Heroku, Docker, Amazon Web Services (AWS)

Paradigms

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

Storage

MySQL, PostgreSQL, MongoDB

Other

Ajax, Software Development, Front-end Development, Front-end, Web UI, Web UX, User Interface (UI), User Experience (UX), Full-stack, Web Development, APIs, Prismic, Headless Software, Apps, MERN Stack, OpenAI

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