Portfolio Website v2

Project Overview

A complete rebuild of my personal portfolio website, transforming a functional but outdated site into a modern, performant, and visually impressive showcase of my technical skills.

The previous version served its purpose but lacked the polish and technical sophistication needed to effectively represent my capabilities as a cloud engineer. This rebuild focused on creating a "wow factor" first impression while maintaining excellent performance and accessibility standards.

The Challenge

The original website had several limitations that needed addressing:

• Performance Issues: Inconsistent loading times and suboptimal Core Web Vitals scores
• Design Inconsistencies: Mixed inline styles and responsive design problems
• Limited Functionality: Basic contact form with minimal user feedback
• Scalability: Difficult to maintain and expand with new content
• Mobile Experience: Responsive design worked but wasn't optimized for mobile-first approach

Technical Approach

The rebuild followed modern web development best practices while maintaining cost efficiency:

Architecture Decisions

• Semantic HTML5: Complete restructure with proper accessibility and SEO optimization
• Modular CSS: Custom property-based design system with component architecture
• Vanilla JavaScript: ES6+ modules for maintainable, performance-focused interactions
• Progressive Enhancement: Core functionality works without JavaScript

AWS Infrastructure

• S3 + CloudFront: Static hosting with global CDN for optimal performance
• API Gateway + Lambda: Serverless backend for contact form processing
• SES: Reliable email delivery with rate limiting and spam protection
• Route 53: DNS management with health checks

Results & Impact