Full-Stack Developer · WordPress & Sage Specialist · Power Platform Consultant · AI-First Development with Claude
15+ years building accessible websites, web apps, and Microsoft business solutions.
Front-end & back-end · WordPress / Sage (Roots) · Power Apps / Power Automate · SharePoint & M365 · Gettysburg, PA
🌐 matthummel.com · 💼 LinkedIn · ✍️ Dev.to
-525DDC?style=flat&logoColor=white){kind=icon}
Three projects I designed, built, and shipped solo — alongside a full-time job — using an AI-first workflow with Claude:
| Repository | What it is | Tech |
|---|---|---|
| keepary | A private, invite-only social platform for family & close friends — real auth with Postgres row-level security, TOTP 2FA, realtime chat, private feed, and a document vault. Designed and shipped end to end in collaboration with Claude. | React · Supabase · Netlify |
| repofolio | A WordPress plugin that turns your GitHub repos into a living portfolio — GitHub OAuth login, server-rendered Gutenberg repo grid, encrypted token storage. Experimental & open to contributors. | WordPress · PHP · GitHub API |
| pressroot | A premium Sage 11 (Roots) WordPress theme framework — hero builder, style kits, custom blocks + patterns, live GitHub project pages, and a deep options system. Every AI prompt in the build is tracked in BUILD-NOTES.md — prompt → root cause → fix → takeaway. | Sage · Blade · Tailwind v4 · Vite |
| Repository | What it is | Tech |
|---|---|---|
| matthummel-theme | A premium Sage 11 (Roots) WordPress theme — Blade templates, a deep Customizer options framework, live GitHub project pages, self-hosted fonts, and a Gutenberg block + pattern library. | Sage · Blade · Acorn · PHP · Tailwind · Vite |
| matthummel-portfolio | My personal site (matthummel.com) — a fast, accessible headless front end that uses WordPress as a CMS. | Next.js · TypeScript · Tailwind |
| tocflow | A focused WordPress block plugin — auto-generates a linked table of contents from a post's headings. Server-rendered, accessible. | WordPress · PHP · JS |
| resume | My résumé / CV site. | JavaScript |
| tech-book-club-landing-page | A responsive landing page built to spec. | CSS |
| news-home-page-project | A responsive news homepage with a modern grid layout. | SCSS |
| blog-preview-card | A pixel-accurate, accessible component build. | CSS |
| qr-code-challenge | A clean, centered QR-code component. | CSS |
| html-css-cheat-sheet-project | An HTML & CSS reference build. | CSS |
The smaller front-end builds are deliberate practice — real specs, pixel accuracy, and responsive, accessible markup.
- AI-first development — I work with Claude (Claude Code, Claude Cowork, and Claude in Chrome) as a daily engineering collaborator for architecture, implementation, code review, and documentation. Keepary, Repofolio, Pressroot, and the redesign of matthummel.com were all shipped this way — every change still reviewed, tested, and held to the same accessibility and performance standards as any hand-built project.
- Full-stack web development — HTML, CSS, JavaScript/TypeScript, React, Next.js, and PHP. Accessibility-first (WCAG / Section 508), with an eye for performance and SEO.
- WordPress & Sage — custom themes with modern Sage 11 (Roots) development: Blade templating, Acorn (Laravel-in-WordPress), Tailwind + Vite builds, and Gutenberg block & pattern development. Also headless WordPress (REST API + Next.js).
- Theme & block engineering — design-token systems, Customizer/theme-options frameworks, custom dynamic blocks (
block.json,theme.json), web-performance work (per-block CSS, critical CSS, self-hosted fonts), and structured data (JSON-LD). - Microsoft Power Platform — Power Apps (canvas & model-driven), Power Automate, Dataverse, and SharePoint Online solutions that replace manual, paper-based processes with reliable automation.
Languages: JavaScript · TypeScript · PHP · HTML · CSS/Sass Front-end: React · Next.js · Tailwind CSS · accessible, responsive UI WordPress: Sage 11 (Roots) · Blade · Acorn · Gutenberg blocks & patterns · headless (REST API) · theme & plugin development AI tooling: Claude Code · Claude Cowork · Claude in Chrome · AI-assisted architecture, code review & documentation Tooling: Composer · Vite · WP-CLI · Git/GitHub · npm Quality: WCAG / Section 508 accessibility · Core Web Vitals performance · technical SEO & JSON-LD schema Microsoft 365: Power Apps · Power Automate · Dataverse · SharePoint Online · SPFx
I work across the Microsoft 365 / Power Platform open-source community — the PnP toolkits, SPFx, and Power Automate samples:
pnpjs · PnP PowerShell · cli-microsoft365 · sp-dev-fx-webparts · powerautomate-samples
- 🌐 Website / blog: matthummel.com
- 💼 LinkedIn: linkedin.com/in/matt-hummel-pa
- ✍️ Dev.to: dev.to/mattbuildsapps
Full-stack developer who likes clean, accessible code — documenting what actually works, and shipping it AI-first with Claude.