Immersive 3D portfolio website built with React, TypeScript, and Three.js, featuring a fantasy-themed floating island, with interactive elements

• Interactive 3D Environment: Explore a magical floating island
• My Avatar: Animated character of me introducing myself
• Sign: Showcase projects with smooth transitions and 3D thumbnails
• Crystal: Crystal surrounded with clickable floating crystal, offering different ways for contact
• Responsive Design: Optimized for desktop and mobile devices
• Theme Toggle: Switch between different visual themes
• Smooth Navigation: Seamless camera transitions between different sections

• Frontend: React 18, TypeScript
• 3D Graphics: Three.js, React Three Fiber
• Build Tool: Vite
• Styling: CSS3 with custom shaders
• State Management: Zustand
• Animations: Spring animations and custom transitions

• Node.js (version 16 or higher)
• npm or yarn

npm install

npm run dev

npm run build

npm run preview

• /src/components/ - React components organized by feature
• /src/hooks/ - Custom React hooks for state and effects
• /src/shaders/ - GLSL shaders for visual effects
• /src/materials/ - Custom Three.js materials
• /src/data/ - Static content and configuration
• /public/models/ - 3D models and assets
• /public/textures/ - Texture files and runes

The project assets are mostly generated using Hunyuan3D-2 for models and Dall-E for textures.