React 3D Project

A React application with 3D particle effects and hand tracking, created using Vite.

Features

• Interactive 3D particle shapes (Saturn, Heart, Sphere)
• Hand tracking using MediaPipe
• Gesture controls (pinch to zoom, hand movement to rotate)
• Responsive design for mobile, tablet, and desktop
• Real-time particle interaction with hand position
• Footer with logo and link to portfolio

Installation

npm install

Running

npm run dev

The application will be available at http://localhost:5173

Build

npm run build

Preview Build

npm run preview

Controls

• Mouse wheel or +/- buttons: Zoom in/out
• Pinch gesture (thumb and index finger): Zoom in/out
• Hand movement left/right: Rotate the shape
• Rotation buttons (↶ ↷): Precise rotation control
• Shape buttons: Switch between Saturn, Heart, and Sphere

Requirements

• Modern browser with camera access
• MediaPipe Camera Utils (loaded via CDN in index.html)

Credits

• Created to AG Portfolio