Personal Portfolio Website

This portfolio website showcases my work as a software engineer, featuring a unique 3D particle galaxy visualization and a clean, minimalist design.

Features#

• 3D Particle Galaxy - A mesmerizing hero visualization using React Three Fiber with custom shaders
• MDX-Powered Blog - Write content in Markdown with embedded React components
• Light/Dark Theme - Automatic theme detection with manual toggle
• SEO Optimized - Structured data, Open Graph, and accessibility-first design

Technical Highlights#

React Three Fiber Integration#

The hero section features a custom particle galaxy with:

• Custom vertex and fragment shaders for GPU-accelerated animation
• Spiral arm generation with 15,000+ particles
• Smooth rotation with performance optimization
• Respect for user's reduced motion preferences

MDX Content Pipeline#

The blog uses a sophisticated content pipeline:

• Gray-matter for frontmatter parsing
• Reading time calculation
• Syntax highlighting with Prism
• Custom React components (callouts, code blocks)

Technologies Used#

• Next.js 14+ with App Router
• TypeScript for type safety
• Tailwind CSS v4 for styling
• React Three Fiber for 3D graphics
• next-themes for theming
• Jest + Playwright for testing