Mason
Front-End Developer

Hey, I'm Mason

I build responsive, accessible web apps with React, TypeScript & Next.js — turning Figma designs into production-ready UI that loads fast and scales clean.

Melbourne, VIC · Open to relocation & remote
Scroll
0+
Years building for the web
0+
Production apps shipped
0%
Avg. load time reduction
0+
Lighthouse score average
The Story

How I got here

Six years from first commit to shipping for thousands of users. Engineering degree, two senior roles, a Master's, and a daily habit of writing better code than yesterday.

2014–2019

B. Software Engineering

West Azad University

Where I learned that good software is mostly about the parts you delete.

2018

Junior IT / Developer

GreenWare

First taste of shipping for real users — and discovering how much I didn't know.

2019–2023

Software Engineer

GreenWare

Four years deep on a real product. Learned how to refactor without breaking things, and how to argue for changes that matter.

2023–2025

Master of Information Technology

Deakin University

Stepping back to fill the gaps — cloud, deployment, modern web fundamentals — before stepping forward.

2025–Now

Software Engineer

Web Like Web

Shipping client work at speed. The kind of role where every project teaches you something new about translating design into code.

Next

What's next?

Maybe you?

Looking for a team that cares about craft as much as I do. Could that be yours?

What I Bring

Core Skills

4+ years building production web apps, plus a Master of IT from Deakin. Here's the toolkit I reach for daily.

Core Stack

React.jsTypeScriptNext.jsJavaScript ES6+Node.jsViteHTML5CSS3

Styling & UI

Tailwind CSSShadcn/UIAnt DesignMaterial UIFramer MotionSASS/SCSSBootstrapFigmaWCAG 2.1

State & Data

ZustandTanStack QueryRedux ToolkitGraphQLRESTAxiosSupabase

Performance

Code SplittingLazy LoadingLighthouseCore Web VitalsSEO

Testing

JestReact Testing LibraryCypressSeleniumPostmanESLintPrettier

Cloud & AI

AzureDockerGitHub ActionsJenkinsCopilotClaude AICursor
Recent Work

Projects

A few things I've shipped recently. Drag the card or use the arrows.

01 / 04

TELCO

Latest mobile plan insights for P number holders with built-in pricing calculator, gift card support, multi-plan comparison, and admin management tools.

Next.jsTanStack QueryTailwindSupabaseShadcn
Live Demos

Playground

Real components I've built — drag the sliders, change the colors, watch them respond.

#5B8DBF
12px
8px
<Button
  background="#5B8DBF"
  radius={12}
  shadow={8}
  bold={true}
/>
Tip: every change updates instantly — no reload needed.

Let's build something together

Hiring, freelance, or have a project in mind? Pick a path below.

Built with Next.js & Framer Motion© 2026 Mason