Cur di Ceramica

Project Overview

Cur di Ceramica is an interactive 3D web application showcasing ceramic products. It features a visually appealing home page with scrollable 3D models and a dedicated product viewer page.

Features

• Interactive 3D model viewing using Three.js and React Three Fiber
• Scrollable home page with multiple 3D models (vases and bowls)
• Dedicated product page for detailed 3D model interaction
• Dynamic model selection (vase and bowl)
• Informational annotations on 3D models
• Responsive user interface
• Post-processing effects for enhanced visual appeal

Technologies Used

• React
• Three.js
• React Three Fiber
• @react-three/drei
• @react-three/postprocessing
• react-spinners
• Tailwind CSS

Setup and Installation

1. Clone the repository
2. Navigate to the project directory
3. Install dependencies:
4. Run the development server:

Usage

• Scroll through the home page to view multiple 3D models
• Navigate to the products page to interact with individual 3D models
• Select different ceramic products using the sidebar buttons
• Interact with the 3D models using mouse controls
• Click on annotations to view additional information about the products