3D Portfolio

Interactive 3D portfolio website built with Three.js and React.

Features

• 3D character animations
• Responsive design (mobile/desktop)
• Scroll-triggered animations
• Contact form
• Custom cursor effect

Tech Stack

• React 18.3 + Vite 5.3
• Three.js + React Three Fiber
• Framer Motion + GSAP
• Tailwind CSS + DaisyUI
• Formspree

Installation

npm install
npm run dev

Commands

npm run dev      # Development server
npm run build    # Production build
npm run preview  # Preview build
npm run lint     # Code linting

Project Structure

portfolio/
├── public/
│   ├── animations/     # 3D animation files (.fbx)
│   ├── models/        # 3D models (.glb)
│   └── CV.pdf
├── src/
│   ├── components/    # React components
│   ├── lib/          # Data (experiences, skills)
│   └── assets/       # Images
└── package.json

Customization

• Work experience: src/lib/experiences.js
• Skills: src/lib/skills.js
• CV: public/CV.pdf
• 3D model: public/models/
• Animations: public/animations/

Deployment

npm run build
# Deploy dist/ folder (Vercel, Netlify, etc.)