ruindkid.com

Description

A highly interactive, cyber-themed portfolio website designed to showcase musical discography and AAA game sound design work through immersive audiovisual web experiences.

Key Features

• 3D Interactive BackgroundMouse-reactive 3D physics objects using React Three Fiber and Drei
• Custom Cursor & Glitch UIFramer Motion spring-based custom cursor and CSS-based VHS/Glitch aesthetics
• Deep Linking & SecuritySpotify app deep linking with sanitized URI validation and fallback logic
• Performance Scroll SpyingHigh-performance active section tracking using IntersectionObserver

What I Learned

Optimized heavy 3D and Framer Motion renders while managing React lifecycles. Implemented robust edge-case handling for web APIs, including secure cross-environment clipboard fallback logic and strict CSP headers for static exports.