Hello.

I'm Michael

Web Developer

I design and build fast, custom websites for small businesses and creators. You talk directly to the person writing your code, from first sketch to launch day.

Hire me Portfolio

< >

HTML5CSSJavaScriptNode.jsReactGitGitHubWordPressResponsive Design

~/portfolio

Recent work

Each project opens like a browser window. Click a bar to open a project. Use the dots to flip through screens, and tap About for the technical details.

Animated neuron network opening the biology course

Animated periodic table opening the chemistry course

Chemistry course page with module and element counts

Physics course page with module and concept counts

Astronomy course page with module and celestial object counts

Real-time generative animations drawn programmatically every frame, such as a neuron network whose nodes and connections fire live.
User authentication with member accounts and a personal dashboard that saves each learner's module progress.
Structured content model that organizes each subject into modules, core concepts and long-form deep-dive articles.
Searchable, filterable reference databases, including 118 element profiles behind an interactive periodic table.
Procedurally drawn canvas portraits for each of 31 celestial objects in the astronomy course.
Full-screen scene layout with a dot-navigation rail that tracks the visitor's position on the page.
Infinite topic marquee with a hover-to-pause interaction.
Per-subject theming built on design tokens, so each subject carries its own accent color across every component.

Adult STEM learning platform

An online school teaching biology, chemistry, physics and astronomy to adults, where each subject opens with its own animated scene.

Homepage for ordering Manual J, D, S and energy calculations

Pricing page with standard rate and master set discounts

Full-stack web application with user authentication and a customer dashboard listing every job and its current status.
Multi-step job intake form with file uploads for site plans, floor plans and elevation drawings.
Order workflow modeled as a status pipeline that moves each job from submitted to quoted, paid and delivered.
Quote-before-payment checkout with online payment processing, so work only enters the queue after payment clears.
Job-scoped messaging between each customer and their assigned technician.
Internationalization (i18n) with complete English and Spanish translations and a persistent language toggle.
Pricing logic that handles per-unit rates, complexity adjustments and master-set discounts across orientation and garage variations.

Construction documents ordering platform

A web app where contractors order the load calculations and energy documents their county requires before a permit.

Homepage for a residential energy testing company

Multi-page marketing site with separate content funnels for builders (code-compliance testing) and homeowners (comfort assessments).
Bilingual English and Spanish build with a language switcher in the global header.
Lead-generation flow with a persistent quote button and tap-to-call actions in the header and hero.
Custom field report component that presents real test metrics, such as ACH50 and CFM25, with pass indicators.
Responsive CSS grid layouts that reflow service cards from three columns to one on phones.
Editorial type system that pairs a condensed sans-serif with italic serif accents.

Home energy testing company

A website for a residential energy testing company that serves both home builders and homeowners.

Retro sunburst title screen for the Far Out Finder puzzle hunt

Three interactive puzzle cards with a progress tracker

Three self-contained puzzle modules (a substitution cipher, a five-digit code lock and a grid path walk) with answers validated client-side in JavaScript.
Logic puzzle built on a Mastermind-style clue table of exact and partial digit matches.
Global game state tracks which puzzles are solved and drives the progress bar and status messages.
Conditional reveal: the final location card unlocks only after all three solves, with coordinates and a deep link to maps.
Interactive dial controls with increment and decrement buttons for entering the lock code.
Retro visual system with rotated cards, hard offset shadows and a radial sunburst backdrop.

Far Out Finder puzzle hunt

A retro-styled puzzle hunt where three puzzles unlock a secret location.

Homepage introducing five famous psychologists with portrait cards

Famous cases section with three-column case breakdowns

Timeline chart showing how five lifetimes overlapped

Multi-page content site with a shared layout and a per-thinker color theme driven by design tokens.
Sticky two-level navigation: a global menu of thinkers plus an in-page section menu that highlights the active section as you scroll (scroll-spy).
Interactive quiz component at the end of each profile.
Proportionally scaled timeline chart that plots all five lifespans on a shared year axis.
Biography layout that pairs long-form text with a dated vertical timeline.
Reusable case-study components with consistent three-column breakdowns and custom line icons.

Minds of Psychology

A plain-English guide to five pioneers of psychology: Freud, Jung, Skinner, Piaget and William James.

Single-page site written in semantic HTML, CSS and vanilla JavaScript, with no frameworks or page builders.
Scroll-triggered reveal animations driven by the IntersectionObserver API, with staggered CSS transitions and support for the reduced-motion setting.
Infinite tools marquee built entirely in CSS using a duplicated track and a transform keyframe loop.
Contact form wired to Netlify Forms with an asynchronous fetch submission, client-side validation, a honeypot spam filter and success and error states.
Accordion portfolio built on CSS grid-row transitions, with ARIA attributes so screen readers announce each panel as open or closed.
Deployed on Netlify's CDN with a custom domain, DNS configured through GoDaddy and an automatic Let's Encrypt SSL certificate.

SoftwarePi

The site you're on right now, designed and coded from scratch as a single page.

Visit live site ↗

This window is saved for your site

I'm taking on new clients now. Tell me about your business, and your website could be the next project in this list.

Hire me

Website Development
Custom landing pages and business sites, coded by hand.
Mobile-First Design
Layouts that look right on every phone, tablet and desktop.
Hosting & Launch
Domain, hosting and SSL set up so your site goes live cleanly.

About me

Building sites that earn their keep

I'm a web developer who likes taking an idea from a blank file to a site that loads fast, reads clearly and turns visitors into customers. Every project is written from scratch, so you get exactly what your business needs and nothing it doesn't.

1:1You work directly with the developer

100%Custom code, no page-builder bloat

24hTypical reply time on messages

How it works

From idea to live site in four steps

Discovery
We talk through your goals, audience and the pages you need.
Design
You get a layout preview to react to before any code is final.
Build
I code the site, test it on real devices and share progress links.
Launch
Your site goes live on your domain, and I stay on for fixes.

Every project

What's included

Works on every screen

Tested on phones, tablets and desktops before launch, not just resized in a browser.

Fast loading

Lean, hand-written code and compressed images so pages open in a blink.

Search-ready basics

Page titles, descriptions and clean structure so Google can read your site.

Contact form

Visitors can reach you straight from the page, and messages land in your inbox.

Revisions included

You review the site as it's built and ask for changes before anything goes live.

Launch support

I help connect your domain, set up SSL and fix anything that comes up after launch.

Contact

Let's build your site

Tell me about your business and what you need. I'll reply with a plan, a timeline and a clear price.