Skip to main content

Matthew McGrath

Fast web applications that look sharp, feel fluid, and convert.

I help businesses and engineering teams build accessible, polished software with React, Next.js, and TypeScript.

{  "developer": "Matthew McGrath",  "focus": "Full-Stack Engineering",  "philosophy": "Design polish meets clean engineering",  "deliverables": [    "Full-Stack Web Applications",    "Interactive Design Systems",    "Performance Optimization"  ]}
{  "languages": ["TypeScript", "JavaScript", "HTML5", "SCSS"],  "frameworks": ["React", "Next.js", "Node.js", "Vite"],  "tooling": ["PostgreSQL", "Git", "Docker", "CI/CD"]}
{  "yearsCoding": 15,  "commercialGames": 2,  "commitStreak": "5+ Years Daily",  "degree": "B.S. Computer Science"}

Projects

More on GitHub
Color palette generator interface featuring interactive swatches and component controls

Flat UI Clone

Interactive color palette generator and UI toolkit built with React and Material UI, featuring custom palette creation, luminance filters, and one-click format copying.

Showcase grid of responsive components and modern marketing landing page cards

Frontend Collection

An assortment of frontend projects, from pricing cards to fully-realized, beautiful landing pages.

HTML5 · CSS3 · Sass · JavaScript
Food delivery service landing page featuring appetizing dishes and subscription options

Omnifood

Large-scope landing page for a fictional food-delivery business. Fully-responsive with a beautifully-crafted UX.

HTML5 · CSS3 · Sass · JavaScript
Dark mode developer portfolio hero section with typography and project showcases

Personal Portfolio

High-performance portfolio built with semantic HTML5 and vanilla JavaScript. Engineered for perfect 100 Lighthouse scores, responsive typography, and sub-second load times.

Skills & Experience

An interactive look at my tech stack, background, and daily habits. Browse the overview below, or select any specific file to see how I write code.

Skills Studio
matthew@portfolio:~/career $ git log --graph --oneline
branch: main
  1. B.S. Computer Science: Western Governors University

    Rigorous Computer Science curriculum emphasizing Data Structures & Algorithms, discrete math, and software architecture.

  2. Freelance Web Developer

    Building custom web applications, responsive client sites, and performance tune-ups with React, Next.js, and TypeScript.

  3. Full-Stack & React Bootcamp

    Comprehensive curriculum covering modern React architecture, state management, TypeScript, Node.js, and database systems.

  4. Indie Game Developer

    Designed, built, and commercially published two original 3D titles on Xbox Live Indie Games using C# and XNA.

  5. B.S. Game Software Development: Westwood College

    4.0 GPA, Dean's List. Three years of C#, object-oriented design, 3D graphics math, and software engineering principles.

About Me

Hi, I'm Matthew McGrath, a California-based Full-Stack Web Developer with an obsession for beautiful, functional design.

about_matthew.md

## Origins & Foundations

I wrote my first program at 15, sparking a lifelong fascination with building things through code. That foundation led me to pursue Computer Science and spend years creating custom 3D game engines from scratch. As a solo developer, I designed, programmed, and published two commercial titles for the Xbox 360 Indie Games platform in C#.

## Modern Web Focus

Bringing that background to the web felt like a natural evolution. Today, my focus is building full-stack applications with React, Next.js, and Node.js, focusing on fast performance, clean design, and a great experience for real users.

## Systems to Web

Building game engines from scratch instilled a deep respect for memory, render cycles, and systems architecture. I bring that same low-level engineering discipline to modern web applications.

  • Performance-first mindset — sub-second loads and zero layout shift
  • Architectural rigor — clear boundaries from UI components to database schemas
  • User-centric polish — thoughtful typography, accessibility, and micro-interactions

## Reliability & Mindset

Whether working independently or with a team, I believe clear communication, dependable follow-through, and thoughtful collaboration are just as essential as clean code. “I build solutions meant to be read, maintained, and scaled with confidence.”

15+

Years Coding

Dedicated problem solving across game loops, system architectures, and modern web applications.

2

Commercial Games

Independently designed, programmed, and shipped two standalone titles on Xbox 360 Indie Games.

B.S.

Computer Science

Rigorous foundation in computer science, data structures, and production software engineering principles.

100%

Follow-Through

Self-directed problem ownership from initial concept and design to final deployment.

Coding Activity

A live look at my daily commit streak, repository activity, and problem-solving benchmarks across GitHub, LeetCode, and Codewars.

terminal — zsh 118x36
matthew@dev ❯ devfetch --profile
matthew@dev
UPTIME1,883 days commit streak
REPOS24+ active repositories
PROFILEgithub.com/Epitome87
matthew@dev (git:main) ❯ git cadence --year=last
809 contributions in the last 12 months
Less More
matthew@dev ❯ algo stats --platform=leetcode
METRIC RESULT STATUS
Rank 15,090 [TOP 15%]
Solved 1,270 [TOP 1.0%]
Acceptance 83.4% OPTIMAL
EASY 828 / 968 (85.5%)
MEDIUM 428 / 2,122 (20.2%)
HARD 14 / 979 (1.4%)

Services

Whether you need a polished landing page or a fully-featured web application, I bring the same care and craft to every engagement. Here's how I can help.

Full-Time Software Engineering Roles

Looking for a dependable engineer to join your product team? In addition to contract work, I am actively interviewing for full-time Frontend and Full-Stack Software Engineering positions. I bring deep experience with modern React and TypeScript architectures, a strong computer science foundation, and a track record of daily commit discipline.

  • B.S. in Computer Science (WGU, Expected Jan 2027)
  • Core Tech Stack: React, Next.js, TypeScript, Node.js & SQL
  • Systems & Architecture: Commercial 3D games & scalable web apps
  • Direct Hire Availability: W2 / Remote or Hybrid

React & Next.js Web Apps

Interactive, dynamic web applications with clean architecture, database integration, user authentication, and fluid state management.

  • React 19 & Next.js App Router
  • Node.js & PostgreSQL / MongoDB
  • REST / GraphQL API design & Auth
  • Type-safe TypeScript & robust state management
Starting from $1,500
Get a Quote →

Landing Pages & Sites

High-converting, ultra-fast marketing pages and portfolio websites engineered for 98 Lighthouse scores and WCAG AA accessibility.

  • Custom design or from your mockup
  • Clean SCSS architecture & zero bloat
  • Contact forms & CTA conversion flow
  • Lighthouse 98 & SEO optimization
Starting from $650
Get a Quote →

Site Audits & Bug Fixes

In-depth codebase diagnostics, Core Web Vitals speed profiling, bug fixing, and feature additions for existing web applications.

  • Bug fixing, console errors & debugging
  • Core Web Vitals & speed tune-ups
  • Responsive mobile viewport fixes
  • Documented clean Git pull requests
Starting from $60 / hr
Book Audit →

Ongoing Maintenance & Developer Retainer

Keep your site healthy, secure, and continuously updated without thinking about it. A dedicated developer on call for monthly updates, security patches, and rapid improvements.

Starting from $250 / mo
Get a Quote →

Not sure which fits your project? Send me a message and we'll figure it out together. No commitment required.

Let's Talk

Matthew McGrath avatar

Have a project? A role? Let's make something great.

⚡ Challenge
🛠️ Architecture

Technologies Used