Skip to main content

Matthew McGrath

Need a website that feels modern and trustworthy?

I design and build polished web experiences that are fast, accessible, and ready for real users.

{  "developer": "Matthew McGrath",  "focus": "Modern, Trustworthy Websites",  "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,  "gamesShipped": 2,  "linesWritten": "100K+",  "clientFocus": "100% Quality & Communication"}

Projects

More on GitHub
Flat UI Clone

Flat UI Clone

Fullstack, highly-polished clone of the Flat UI website. Incorporates every main feature and adds some of its own.

Frontend Collection

Frontend Collection

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

HTML · CSS3 · SASS · JS
Recipe App

Recipe App

Fullstack app for searching and browsing recipes — smooth animations and a polished UI throughout.

React · Chakra · Framer · Node
Omnifood

Omnifood

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

Personal Portfolio

Personal Portfolio

The initial version of the site you're looking at. Highly-optimized with a perfect Lighthouse score. A simple yet bold portfolio that showcases my front-end and design skills.

Skills & Experience Studio

A complete developer overview inside a single IDE window. Scroll to explore my core competencies and career journey, or click any file in the sidebar to inspect live architecture.

matthew-mcgrath // overview.md
24 Files
📄 overview.md
matthew@portfolio:~/career $ git log --graph --oneline
branch: main
  1. 7f2a91c

    B.S. Computer Science — Western Governors University

    Relevant coursework: Data Structures, Algorithms, Web Development, and Software Engineering.

  2. 4b8e23f

    Freelance Web Developer

    Producing and maintaining websites for clients using technology from vanilla HTML all the way to Next.js.

  3. 9c118da

    React Bootcamp

    Mastered modern React, Redux Toolkit, React Query, TypeScript, and Next.js. Built and deployed full-stack apps.

  4. 3e5d0a1

    Web Development Bootcamp

    Deep dives into HTML5, CSS3, JavaScript, Node.js, MongoDB, PostgreSQL, and SASS.

  5. a104f67

    Indie Game Developer

    Released and sold two Xbox Live games as a solo developer. Collaborated on several others and QA'd hundreds more.

  6. 18d9b23

    B.S. Game Software Development — Westwood College

    4.0 GPA, Dean's List. Three years of C# and an extensive Computer Science foundation.

  7. 001init

    Yucaipa High School

    3.9 GPA, Gifted & Talented Education. First C++ and Java experience at age 15.

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.

Dedicated Full-Time Software Engineering Roles

Looking for a dependable developer to join your product team? Beyond freelance contracts, I am actively seeking full-time Frontend and Full-Stack Software Engineering positions. I bring 100K lines of production code, Top 1% LeetCode algorithmic problem-solving rigor, and a craft-first focus on performant, accessible web experiences.

  • B.S. in Computer Science (Expected Jan 2027)
  • Top 1% Global Rank (LeetCode algorithmic problem solving)
  • 100K Lines of Code shipped across independent games & web apps
  • Full-Time Direct Hire (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 & state engines
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
  • Handcrafted SCSS & zero builder bloat
  • Contact forms & CTA conversion flow
  • Lighthouse 98 & SEO optimization
Starting from $650
Get a Quote →

Site Audits & Bug Fixes

Precision codebase diagnostics, Core Web Vitals speed profiling, reactive bug remediation, and surgical feature enhancements without a rebuild.

  • Bug fixing, console errors & debugging
  • Speed & Core Web Vitals 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.

About Me

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

about_matthew.md
Markdown

## Indie Game Roots & CS Foundation

Since writing my first line of code at 15, I've had an unbound curiosity for programming and the problem-solving it encapsulates. That curiosity led me to pursue a Bachelor's in Computer Science while simultaneously developing indie games. After years of dedication and over 100,000 lines of code, I released two fully independent games for the Xbox 360 Indie Games platform.

## Modern Web Focus & Frontend Craft

That passion turned my focus to the web. Through formal coursework and disciplined self-study across React, Next.js, Node.js, and the full modern stack, I craft responsive, accessible, and performant web experiences — the kind people love to use.

## Go-To Stack & Architectural Flexibility

My go-to stack is React and Node.js, but I adapt quickly to existing codebases and select the right tool for the job.

Layer Primary Tooling Core Focus
Frontend React 19 Next.js TypeScript Fast, Accessible UI
Backend Node.js Express PostgreSQL Type-Safe & Scalable APIs

## Low-Ego Collaboration & Reliability

Whether working solo or alongside a distributed team, I believe clear communication, disciplined follow-through, and low-ego collaboration are just as important 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 to final deployment with low-ego execution.

Coding Activity

A live inspection of continuous commit discipline, repository cadence, and algorithm benchmarks across GitHub, LeetCode, and Codewars.

terminal — zsh 118x36
PID: 41829 ACTIVE
matthew@dev ❯ devfetch --profile
matthew@workstation [ACTIVE]
USERMatthew McGrath
UPTIME1,883 days commit streak
REPOS24+ active engineering 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
[TARGET: 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%)

Let's Talk

  • Response Time

    Within 24 hours

  • Availability

    Accepting projects now

  • Working Hours

    Mon – Fri, 8 AM – 8 PM PT

  • Location

    Riverside, CA (Remote-friendly)

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

I am currently open to freelance projects and full-time Front-End or Full-Stack roles. Whether it's a quick hello or a detailed proposal - every message gets my full attention, a clear response, and a result worth showing off.

Overview

The Engineering Challenge

Architecture & Solutions

Technologies Used