Personal Website - Performance-Optimized Developer Portfolio
Project Overview
A performance-optimized static portfolio website showcasing projects, technical writing, and professional background. Built with Windows 95-inspired aesthetics while maintaining modern web standards and accessibility compliance.
Performance & Quality Metrics
Perfect Lighthouse scores: 100/100 across Performance, Accessibility, Best Practices, and SEO
- Sub-500ms load times with optimized static site generation
- Zero blocking resources and minimal cumulative layout shift (0.017)
- Fully accessible with semantic HTML and ARIA roles for screen reader compatibility
Technical Implementation
- Static Site Generation: Astro framework for optimal performance and SEO
Styling Architecture: Tailwind CSS with custom component system and Windows 95 color palette
Performance Optimization: Lazy loading, efficient asset bundling, and responsive image strategies
- Responsive Design: Maintains retro aesthetic across all device sizes
- DevOps Pipeline: Automated CI/CD with GitHub Actions and Netlify deployment
Key Features
- Interactive project showcase with dedicated “windows” for each project
- Integrated technical blog system for sharing development insights
- Mobile-responsive retro interface with authentic Windows 95 components
- Optimized content delivery and fast navigation
Tech Stack
- Frontend: Astro, Tailwind CSS, Custom CSS Components
- Performance: Static site generation, optimized asset delivery
- Deployment: GitHub Actions CI/CD, Netlify hosting
- Design System: Custom Windows 95-inspired component library
Project Motivation Rather than using a generic template, I wanted to create a portfolio that reflects both technical competency and personality. The Windows 95 aesthetic serves as a memorable differentiator while demonstrating frontend skills and attention to user experience. This project showcases the ability to balance creative vision with technical excellence and performance standards.
Technical Achievements This project demonstrates frontend optimization skills, accessibility best practices, and modern deployment workflows. The perfect Lighthouse scores reflect attention to performance engineering and user experience standards.
View the Live Site
