Ariyan's Burger - 3D

My full 3D portfolio with awesome interactions.

Techs

Three.js	React.js	Typescript
Tailwindcss	Gsap	Blender
Vite

Features

Main

• Orbit controls to explore the scene.
• Interactive objects and animations in 3D scene.
• 2D Display screens to show the main content of portfolio.
• 3D music player with full functionality.
• Hidden interactive puzzle to solve.

Technical

• Using React-Three-Fiber & React-Three-Drei to use the best of Three.js in React.js.
• Using Gsap for smooth camera animations.
• Integrating Html elements in 3D scene to use as display screens.
• Using Tailwindcss for styling.
• Using Vite as project builder.
• Complete CSR app with React.js.