3D Hamburger

An interactive 3D hamburger viewer built with Three.js and Vite. This project displays a 3D hamburger model that rotates dynamically as you move your mouse across the screen, along with a custom animated cursor.

Features

3D hamburger model visualization using Three.js
Interactive model rotation that follows mouse movement
Custom animated cursor with hover effects
Responsive design that works across different screen sizes
Built with Vite for fast development and optimized production builds

Prerequisites

Node.js (v14 or higher)
npm or yarn

Installation

Clone this repository:
```
cd hamburger
```
Install the dependencies:
```
npm install
# or
yarn
```
Start the development server:
```
npm run dev
# or
yarn dev
```
Open your browser and navigate to http://localhost:5173

Building for Production

To create a production-ready build:

npm run build
# or
yarn build

The build files will be in the dist directory.

Project Structure

├── public/             # Static assets
│   ├── scene.glb       # 3D model (glb format)
│   ├── scene.gltf      # 3D model (gltf format)
│   └── vite.svg        # Vite logo
├── index.html          # Main HTML file
├── main.js             # Main JavaScript entry point
├── counter.js          # Counter component
├── style.css           # CSS styles
├── package.json        # Project dependencies
└── README.md           # This file