Mark Simmons

Software Engineer

MMark Simmons

This Portfolio

Designed and built from scratch — a case-study-driven portfolio, not a generic template.

ReactTypeScriptTailwind CSSNext.js

Personal Site

Overview

The Challenge

Build a portfolio that shows real, shipped client work instead of leaning on generic templates or padded stats.

What I Built

A single-page portfolio with a navy/grey design system, animated skill panels, and case-study-style project cards.

Project Snapshot

Design Decisions

Chose a dark-mode-first navy and grey palette with a single steel-blue accent, keeping motion purposeful rather than decorative.

Application Screens

This Portfolio shown on desktop and mobile

Tech Stack

React
TypeScript
Tailwind CSS
Next.js

Mobile Experience

Sidebar collapses into a slide-out drawer and all sections reflow to a single column below the md breakpoint.