Daniel Yi Portfolio Website
A full-stack portfolio demonstrating technical and design execution
Visit Site↗
Overview
This portfolio site showcases full-stack development skills through a modern, performant web application deployed on AWS infrastructure. Built to demonstrate both technical depth and product taste.
Tech Stack
Frontend
- • React 18
- • Next.js 15
- • TypeScript
- • Tailwind v4
Backend
- • AWS Lambda
- • API Gateway
- • DynamoDB
- • SES
Infrastructure
- • AWS CDK
- • CloudFront
- • S3
- • Route 53
- • GitHub Actions
Special Features
- • SwiftLaTeX WASM
- • MDX
- • LaTeX Parser
Serverless Architecture
Static-first architecture with serverless API endpoints, optimized for free-tier deployment.
Static Frontend
Next.js static export hosted on S3, distributed via CloudFront CDN with OAC
API Layer
HTTP API Gateway + Lambda functions for contact form and health checks
Data Layer
DynamoDB for form submissions, SES for email notifications
CI/CD Pipeline
GitHub Actions with OIDC for secure, automated deployments
Key Features
- ✓Complete infrastructure as code using AWS CDK (TypeScript)
- ✓Automated CI/CD pipeline with preview deployments
- ✓Browser-based LaTeX compilation using WebAssembly
- ✓Custom LaTeX parser for structured resume rendering
- ✓Performance-optimized with code splitting and lazy loading
- ✓Fully accessible (WCAG AA) with keyboard navigation support
- ✓Zero idle costs on AWS free tier
Technical Challenges & Solutions
LaTeX in the Browser
Integrated SwiftLaTeX WASM engine to compile LaTeX documents entirely client-side, with custom parsing for structured HTML rendering
Cost Optimization
Designed entirely within AWS free tier using serverless architecture, static hosting, and minimal dependencies