Personal Portfolio Website
A statically generated portfolio for presenting software projects, research experience, resume information, and technical work.
01 / Overview
My personal portfolio is a statically generated website for showcasing my software engineering, applied AI, quantitative research, research software, and data systems work. I built it to centralize my projects, research experience, resume, and contact information in one place. The live site is deployed on Vercel and uses typed local data instead of a database or content management system, making it easy to update project and experience content directly through structured TypeScript data files.
02 / Problem
I needed a portfolio that could present both engineering projects and research experience without becoming a cluttered personal homepage. The site needed to be fast, responsive, easy to maintain, and structured enough to support detailed project pages, experience pages, resume links, and future expansion.
03 / What I built
- Built a personal portfolio using Next.js App Router, React, TypeScript, and Tailwind CSS.
- Created responsive pages for projects, experience, resume, contact, and individual project and experience detail routes.
- Designed typed content models for projects, experience, profile data, skills, and resume metadata.
- Used local structured data so the site can be updated without a database, backend service, or CMS.
- Built dedicated project pages covering problem, implementation, technical focus, results, technology stack, and repository links.
- Built experience detail pages covering role, organization, dates, responsibilities, technical focus, tools, and related links.
- Implemented light and dark theme switching, active navigation states, semantic markup, keyboard navigation, visible focus states, and reduced-motion support.
- Added a downloadable resume PDF and links to GitHub, LinkedIn, email, live demos, and individual repositories.
- Added tests for project and experience data using Vitest.
- Set up linting, type checking, production builds, and deployment through pnpm scripts and Vercel.
04 / Technical focus
This project demonstrates frontend engineering, static site architecture, typed content modeling, responsive design, accessibility, and deployment. I treated the portfolio as a real software product rather than a simple static page, with structured content, reusable components, automated checks, and a maintainable project organization.
05 / Tech stack