Hello, I'm Lance Mattson.

A full-stack web developer.


I have a well-rounded skill-set in both backend and frontend development. As a web developer, I enjoy using my passion and obsessive attention to detail to build software that improves the lives of those around me.


Hi, allow me to introduce myself.

My name is Lance and I am passionate about creating things and seeing them come to life on the internet. I fell in love with being able to make things with code while at college and never looked back.

One element that sets me apart is my ability to develop both the frontend and backend. I have a sense for UI design and really enjoy seeing ideas come to life on a screen, but also enjoy developing the backend architecture to make the frontend possible.

I am a Senior Full-Stack Web Developer with over 13 years of on-the-job experience. I've worked with a lot of different technologies and gained many skills over the years. Here are some of the most recent:

PHP
Laravel
JavaScript
MySQL
HTML
CSS
Vue.js
React.js
Nuxt
Redis
Typescript
Node.js
Tailwind CSS
Java
UI Development
Responsive Design
Git
DevOps
Unit/Integration Tests
AWS
Algolia
Headless CMS
OOP
Lance Mattson

My Experience

Web Development Manager / Lead Full Stack Developer

Roastar, Inc

Aug 2015 - April 2024

  • Full-stack web developer with Laravel, MySQL, Nuxt, Vue.js and Tailwind CSS

  • Responsible for the oversight and management of all web development activities

  • Worked collaboratively with the business to proactively design systems and processes to reduce friction for end users

  • Coordinated web development project phases from development to implementation

  • Collaborated with developers and stakeholders to maintain and implement new features and improvements to web applications and assets

Recent Work

Java Spring Boot + React.js

I recently built a task management app that demonstrates the integration of a Java Spring Boot API back end with a React front end. The application allows users to register for an account, create, edit, and delete tasks, and mark tasks as complete or incomplete. The Spring Boot back end handles authentication, data persistence, and business logic, while the React front end provides a responsive and dynamic user interface. Building this application served as an educational platform, allowing me to gain hands-on experience and deepen my knowledge of both Java Spring Boot and React.

  • Java Spring Boot API
  • React.js for interactive front-end components
  • PostgreSQL database

See Github Repository: https://github.com/lancemattson/java-react-task-manager

Java React App

Ecommerce/Marketing Website

Roastar is the first company to sell custom-printed packaging online. The current site was built by myself and my team using the following technologies and tools:

  • Laravel Framework for PHP Backend
  • MySQL/Redis databases
  • HTML/CSS
  • Vue.js for interactive front-end components
  • TailwindCSS for our CSS framework and responsive design
  • Storyblok for a headless CMS
  • 3rd Party Payment Processing

Visit site here: https://www.roastar.com

Roastar.com Homepage
Roastar.com Homepage

Project Process

Much of what sets Roastar apart is giving customers the ability to get a quote, create their custom-printed bag, and submit an order online.

This process includes a lot of steps and procedures, and being able to make it all work on the website was a huge accomplishment. A lot of UI design and custom code went into making it all happen.

Admin Panel

To help support the Marketing website, of course there needs to be an admin portal for the internal teams. Our web dev team has built out a lot of internal tools and processes to allow our teams to manage:

  • Companies and customers
  • Projects and artwork files
  • Orders
  • Reporting
  • Analytics
  • Etc
Roastar.com Homepage
TypeScript

New Technologies

My team has recently upgraded our tech stack with new technologies to keep our development environment up to date.

I've recently gained a lot of knowledge and experience with the following:

  • Nuxt 3
  • Node.js
  • Redis
  • TypeScript
  • Server-side Rendering (SSR)

It's been fun to continue to learn new tech stacks and new ways to build cool, interactive online experiences.

LANCE MATTSON ©2024