Interactive personal portfolio website featuring custom GLSL real-time fluid simulation, responsive slide presentation architecture, and a comprehensive showcase of selected engineering, low-latency audio DSP, and distributed systems projects.
- 🌊 Real-Time WebGL Shader: Interactive water ripple and physics distortion powered by Three.js, React Three Fiber, and custom GLSL uniforms.
- 🎛️ Interactive Project Showcase: Deep-dive architecture slides, live links, and media galleries for flagship systems, DSP plugins, and IoT infrastructure.
- 📜 Presentation Slides Layout: Responsive slide sections with smooth scroll-driven offset transitions and keyboard navigation.
- 🎨 Minimal Modern Aesthetic: Dark and light modes with HeroUI, SCSS design tokens, and fluid typography.
- Framework: React 18 & TypeScript
- Build Tool: Vite (SWC)
- Styling: SCSS, CSS Variables, Bootstrap Icons
- Graphics: Three.js, Shader-Art, custom GLSL vertex/fragment shaders
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview