Customizable T-Shirt Design with three.js

Welcome to the Customizable T-Shirt Design project! This interactive web application allows users to create their own unique t-shirt designs by selecting different colors and uploading logo files. The project is built using the powerful three.js library for 3D rendering.

Features

• Choose from a variety of t-shirt colors.
• Upload your own logo or design to be displayed on the t-shirt.
• Preview your custom design in a 3D interactive environment.
• Realistic lighting and shading effects powered by three.js.

Demo

Check out the live demo of the Customizable T-Shirt Design application: Demo.

Technologies Used

• React
• Vite
• @react-three/drei
• @react-three/fiber
• Framer Motion
• maath
• react-color
• three.js
• valtio

Getting Started

To run this project locally:

1. Clone this repository: git clone https://github.com/your-username/customizable-tshirt.git
2. Navigate to the project directory: cd customizable-tshirt
3. Install dependencies: npm install
4. Run development server: npm run dev
5. Open your web browser and visit http://localhost:5173/.

Setup and Development Guide

This document provides detailed instructions for setting up the threejs-t-shirt project locally and explains the development workflow. It covers environment setup, installation, running the development server, build processes, and project configuration. For the full guide, see: Setup and Development Instructions

Scripts

• dev: Start the development server.
• build: Build the production-ready bundle.
• lint: Run ESLint with specific rules for code quality.
• preview: Preview the production build locally.

Credits

• This project was developed using the three.js library (https://threejs.org/).
• Design by Anderson Mancini, Paul Henschel.

License

This project is licensed under the MIT License.