Personal Website

Built a personal engineering portfolio site to showcase projects, skills, and experience in a more professional and accessible way. The site is deployed with GitHub Pages and structured to support long-term growth as a portfolio platform. This project highlights web tooling, content organization, and product thinking for personal branding.

Role
Designer and Developer
Team
Personal Project
Duration
June 2025
Outcome
Built and deployed a recruiter-focused portfolio site with Hugo and GitHub Pages to showcase projects, skills, and experience.
Core Tools
Hugo, GitHub Pages, HTML/CSS, Markdown, Git
View on GitHub
Homepage of the personal portfolio website showing featured projects and portfolio navigation.

Overview

I created a personal website to serve as an online resume and comprehensive project portfolio. It is designed to showcase my experience, skills, and engineering work in an easily accessible format.

I intially created the site using Material for Mkdocs, as shown above in the header picture. I then transition to developing the site using Hugo and the Phantom theme from HTML5 UP.

Initial website homepage

Phantom theme from HTML5 UP

Context

Timeline

  • Initial creation: June 2025
  • Total time: Approximately 40 hours
  • Major Revision: May 2026

Technical Skills