Profile picture

Matt Roden

Front-End Engineer
Pronouns He/Him
Open Resume Email Directly

About me

An inspired, problem solver with a tremendous thirst for learning and delivering quality solutions. I am a Front End Software Developer specializing in JavaScript, React, HTML5, CSS, UI/UX, Accessibility, Responsive Design, and Test Driven Development. My prior experiences as a Field Service Technician and an Audio Engineer have allowed me to lead and see through long winded and large scale projects from start to finish, as well as successfully service and manage dozens of smaller projects. I am excited to try different approaches to situations and I aspire to join a team that values accessibility, collaboration, and developer growth.

Preferred locations

  • Denver, CO
Open to other locations and/or remote work

Previous industries

  • Mechanical or Industrial Engineering
  • Music

Skills

  • Apple
  • Atom
  • Chai
  • CSS3
  • Cypress
  • Git
  • GitHub
  • Google
  • GSAP
  • HTML5
  • JavaScript
  • Management
  • Mocha
  • Node.js
  • PWA
  • React
  • Sass
  • Slack
  • User Experience Design / UX
  • User Interface Design / UI
  • Visual Studio

Currently learning

  • Continuous Integration
  • Software Architecture
  • TypeScript

Projects

PokeDex: The Pokemon Handbook

PokeDex: The Pokemon Handbook

Project scope time 60 hours
Collaborators Profile picture for Hayley Witherell

Tools Used

  • CSS3
  • Cypress
  • Git
  • GitHub
  • JavaScript
  • React

PokeDex is a Progressive Web Application that is installable and allows the user to search for information on the original 151 Pokemon characters, whether online or offline.

For this project, we were tasked with learning new and unfamiliar technologies and implementing them into a project, in just one week. As a group, we decided on building our first Progressive Web Application as well as learn how to create animations using the GSAP animation library. It was challenging to learn two new technologies in such a short amount of time, but it proved to be an invaluable experience full of growth as a developer.

Launch the App Code Repository
Screenshot detail for project PokeDex: The Pokemon Handbook
Screenshot thumbnail #1 for project PokeDex: The Pokemon Handbook

Rancid Tomatillos

Rancid Tomatillos

Project scope time 50 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • Git
  • GitHub
  • JavaScript
  • Node.js
  • React

Rancid Tomatillos is a movie rating desktop application where users can see information regarding movie ratings and additional movie details as well as interact with the application in various ways. This application allows the user to additionally interact with the application by scrolling through to see various movie titles, seeing all movie titles sorted by rating, clicking a sort button to re-sort the movie titles, using a live search feature to search for a specific movie, and clicking on a movie poster to see additional movie details.

This was a paired project, our first React based project, and we were also required to test user flows using Cypress as well as implement Router in order to enhance the UI and flow of the application. This project was completely built in under 2 weeks.

Launch the App Code Repository
Screenshot detail for project Rancid Tomatillos
Screenshot thumbnail #1 for project Rancid Tomatillos Screenshot thumbnail #2 for project Rancid Tomatillos

Static Comp

Static Comp

Project scope time 8 hours
Collaborators

Tools Used

  • Adobe Photoshop
  • CSS3
  • HTML5

This project was intended for students to design a static page based off of a comp. Students were given creative freedom when it came to content & color, but the layout of the cards and over all page needed to match.

The page must also be responsive.

The developer must utilize either a normalize or reset file for CSS.

I wanted this page to be built essentially as a template for a future dev to come in and plug and play with colors, images, icons, etc, while still keeping the exact same layout provided by the comp, and needing very little, if any styling of element positions.

My page has been styled in the way of a record company's 'Artists' page.

Launch the App Code Repository
Screenshot detail for project Static Comp
Screenshot thumbnail #1 for project Static Comp Screenshot thumbnail #2 for project Static Comp