This Portfolio Website

Overview

This project is a personal CV and portfolio site emphasizing performance and clean architecture. The site was originally created using Blazor WASM architecture which proved to be overkill for what was needed. I went back to AI, and had it completely redone into a static HTML/CSS/JS site. I believe Blazor WASM has its place and is wonderful technology. But, for a small, fairly static site like this, it added complexities that were not needed. Using Claude Code, AI completely regenerated all files from the old site, completely removed TailwindCSS and replaced it with custom CSS. It created HTML files from the Markdown files the previous site used. Everything was done correctly in one shot and came out great.

Goals

• Showcase professional experience and selected projects.
• Provide dark/light theme toggle with persisted preference.
• Enable easy data-driven updates.
• Create a usable, responsive site using AI agent mode for learning purposes.

Implementation Highlights

• Project and experience data loaded from static JSON files.
• Reusable components for project cards and timeline items.
• Theme handled by a tiny JS module.
• Created completely by using agent mode in GitHub Copilot.
• Manually edited JSON and markdown files for content.
• All files are now static HTML files backed with standard CSS/JS.

Stack

• .NET 8 Blazor (original version).
• TailwindCSS utility styling (original).
• Rebuilt as plain HTML/CSS in 2026.

My Role

Sole developer. Created all prompts for the AI agent mode. Created all content housed in JSON and markdown files. Eventually regenerated the site from Blazor WASM to static HTML using Claude Code as the agent.

Notes

Built to provide data that could not be included on my resume. This includes detailed project descriptions, technical challenges faced, and the specific technologies used. The site was also created as a learning exercise to explore agentic AI development workflows.

Tech Stack