Hello World!

Profile picture

Hi, I'm Noel and I'm a Front-End Developer with 5+ years of experience working in high-volume agency environments. With a background in design, I started building WordPress sites for small businesses until the call of coding from customizing themes became too impossible to ignore.

(PDF opens in new tab)

Before I fully jumped into this world of HTML tags and arrow functions, I worked as a copywriter for a social media marketing agency. Whether writing code or copy, I've always felt driven to solve problems creatively in the digital space.

When offline, I'm a Montreal-based community organizer, gym rat, comic book geek, and hip-hop vinyl collector!

Read More

Toolbox

Develop

  • HTML5
  • CSS3/SCSS
  • JavaScript/ES6
  • TypeScript
  • React/Next.JS
  • Tailwind
  • Material UI
  • WordPress
  • Firebase
  • Supabase
  • Git

Design

  • Sketch
  • Figma
  • Photoshop
  • Illustrator
  • InDesign
  • Accessibility
  • Responsive Design
  • Research
  • Wireframing
  • User Testing
  • Information Architecture

Projects

Converting a PSD Into A Responsive Site

With my fundamental Front-End toolbox, I coded a PSD design into a fully functional mobile-responsive and accessible website for all browsers and devices.

  • HTML
  • SCSS
  • JavaScript

Advanced Task Tracking with The Adulting App

This web application helps those new to “adulting” keep track of their tasks, no matter how big or small.

  • HTML
  • Tailwind
  • JavaScript
  • Firebase
  • Authentication
  • CRUD

Marvel Agent of Shield Identification Challenge

Inspired by the Disney+ MCU Secret Invasion show, this game connects with the Marvel API to test fans' ability to identify blurred images of random characters.

  • React
  • Material UI
  • RESTful API

Get In Touch

Do you have an upcoming project in the works or want to discuss Front-End Development or design?

Awesome timing! I am currently welcoming new opportunities so let's talk!

You can drop me a line via get[at]noelmatta.com or fill out the following form to make it happen.

Design is so simple;
that's why it is so complicated.
-Paul Rand
Good design is obvious.
Great design is transparent.
-Joe Sparano
The creative act,
the defeat of habit by originality,
overcomes everything.
-George Lois
The most damaging phrase is
"It's always been done this way."
-Grace Hopper
Coding is today's
language of creativity.
-Maria Klawe
Learn the rules like a pro
so you can break them like an artist.
-Pablo Picasso
Things aren’t always #000000 and #FFFFFF.
-HTML proverb