Personal Website as an Agentic Coding Project

Context

This website is both a professional portfolio and a practical learning project.

The goal is to build a public site that supports future employment, speaking credibility, and technical communication while also using the project as a structured way to practise agentic coding.

Problem

A personal website can easily become either a generic résumé or a private blog. This project aims to avoid both by creating a professional, content-driven portfolio that shows applied capability.

Approach

The project uses a lean Astro scaffold with TypeScript, Tailwind CSS, and MDX content collections. Work is intended to be broken into small issues with clear acceptance criteria, reviewed through pull requests, and deployed through a Git-based hosting workflow.

Outcome

The homepage and About page have been rewritten with clear data-and-AI positioning, and the project case studies have been restructured through the issue cycle. Speaking and Writing sections are still being filled in as work continues, one small, reviewable issue at a time.

What This Demonstrates

• Product definition
• Content architecture
• Agentic coding workflow design
• Static-site architecture
• Professional technical communication
• Iterative, issue-based delivery

Tools & Methods

• Astro
• TypeScript
• Tailwind CSS
• MDX content collections
• pnpm
• GitHub
• Vercel
• An AI coding agent, used issue-by-issue with human review

Limitations & Notes

This project intentionally starts lean. Interactive components, dashboards, and demos can be added later when they support the professional purpose of the site. This case study is itself an example of the iterative process it describes.