Personal Website
2025
A modern, performant portfolio website built from scratch using cutting-edge web technologies. Features a unique terminal-style navigation system and comprehensive project showcase.
Core Features
- Interactive terminal navigation with folder structure
- Dynamic theme switching (dark/light mode)
- Glass-morphism design with backdrop blur effects
- Responsive layout optimized for all devices
- Smooth page transitions and micro-animations
- Accessibility-first design principles
Tech Stack & Architecture
- Next.js 14 with App Router for optimal performance
- TypeScript for type safety and developer experience
- Tailwind CSS with custom design system
- Framer Motion for smooth animations
- next-themes for seamless theme management
- Lucide React for consistent iconography
Performance Optimizations
- Server-side rendering with Next.js App Router
- Image optimization with next/image
- Code splitting and lazy loading
- Custom CSS variables for theme switching
- Optimized bundle size and loading performance
Unique Implementations
- Custom terminal emulator with command parsing
- Folder-based navigation system with ESC key support
- Dynamic route handling for project/experience pages
- Glass-morphism effects with CSS backdrop-filter
- Responsive bottom navigation with hover animations
Impact & Results
Successfully created a distinctive portfolio that stands out through innovative navigation design and technical excellence. The terminal-style interface provides an engaging user experience while maintaining professional presentation. Built with modern web standards, the site achieves excellent performance scores and accessibility compliance, effectively showcasing both creative and technical capabilities.