This Website

You are looking at it. This site was built with AI writing every line of code. I had no coding background before this project. Not a tutorial. Not a class. Zero.

My job was to direct the build: decide what to make, how it should look and work, review every change, find every problem, and hold the bar on quality. That took 120+ hours starting in late November 2025.

The harder route was the point. Anyone can use a drag-and-drop builder. Building a real site from code, with no background in it, proves something a resume bullet cannot.

• I chose the stack, the features, the design, and the performance targets before a single prompt was written
• I tested every change on desktop and mobile and ran Lighthouse and PageSpeed audits throughout
• When something looked wrong or scored badly, I found it. AI explained what it meant and fixed it.
• I reviewed and approved every change before it went into the repo

The result is a site I can maintain, explain, and build on. That is not nothing when you started from zero.

1. Static HTML, Tailwind CSS, Vanilla JavaScript

No React. No Next.js. No build step dependencies that break in six months. Just files that work in any browser, forever.

2. GSAP Animations with ScrollTrigger

Every animation was spec'd to serve the content. They do not distract from it.

3. PWA with Offline Support

Service worker, manifest.json, installable on mobile. Works without internet after the first visit.

4. WCAG (Web Content Accessibility Guidelines) 2.1 Accessibility

Semantic HTML, ARIA (Accessible Rich Internet Applications) labels, keyboard navigation, screen reader tested, dark mode toggle with system preference detection.

5. AI Chat Integration

Savonie lets visitors ask questions about my work directly on the page.

6. Achievement System

Eight unlockable achievements and three easter eggs, including a Konami code and a mini-game.

• Structure: Semantic HTML5
• Styling: Tailwind CSS with custom theme
• Interactivity: Vanilla JavaScript (ES6+)
• Animations: GSAP (GreenSock Animation Platform) 3.12.2 with ScrollTrigger
• PWA: PWA (progressive web app) service worker, manifest.json, offline caching
• Accessibility: WCAG (Web Content Accessibility Guidelines) 2.1 AA, ARIA (Accessible Rich Internet Applications), keyboard navigation
• Analytics: Microsoft Clarity, Google Analytics 4
• AI: Savonie chat widget integration

• Starting from zero is an advantage: There were no bad habits to break. Every concept was learned fresh and applied immediately
• Finding the problem is half the work: I spotted issues visually, through Lighthouse scores, and by testing on real devices. AI fixed them. That split worked.
• Directing requires specificity: Vague requests produce vague output. Clear requirements with real acceptance criteria produce something worth shipping
• Shipping is the proof: This site is live, scores 90+ on PageSpeed, passes accessibility audits, and works offline. That is the argument.