https://github.com/premshinde-2013/3dproduct
Want to see website click here 👇
https://github.com/premshinde-2013/3dproduct
3d-models openai reactjs tailwindcss threejs vite
Last synced: 2 months ago
JSON representation
Want to see website click here 👇
- Host: GitHub
- URL: https://github.com/premshinde-2013/3dproduct
- Owner: PremShinde-2013
- Created: 2023-08-03T14:25:41.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-20T08:43:02.000Z (about 1 year ago)
- Last Synced: 2025-01-21T22:16:41.920Z (4 months ago)
- Topics: 3d-models, openai, reactjs, tailwindcss, threejs, vite
- Language: JavaScript
- Homepage: https://3d-product-designer.netlify.app/
- Size: 6.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D Product Customization
Welcome to the 3D Product Customization App! This app allows users to interact with 3D models, change logo textures, modify t-shirt colors, and even generate logos using AI. It's built using React, Tailwind CSS, and Three.js to create an immersive and stylish experience.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [AI Logo Generation](#ai-logo-generation)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
## Features
- **3D Model Interaction**: Users can rotate, zoom, and pan around the 3D model to view it from different angles.
- **Logo Texture Change**: Change the texture of the logo on the product using a selection of preloaded textures or by uploading your own.
- **T-Shirt Color Modification**: Modify the color of the t-shirt using a color picker to find the perfect match.
- **AI Logo Generation**: Utilize AI to generate logos based on user-provided inputs.
- **Responsive Design**: The app is designed to work seamlessly on both desktop and mobile devices.
## Installation
1. Clone this repository to your local machine.
```bash
git clone https://github.com/yourusername/3d-product-customization-app.git
```
2. Navigate to the project directory.
```bash
cd 3d-product-customization-app
```
3. Install the dependencies using your package manager of choice.
```bash
npm install
# or
yarn install
```
## Usage
1. Start the development server.
```bash
npm start
# or
yarn start
```
2. Open your web browser and navigate to `http://localhost:3000` to access the app.
## AI Logo Generation
The AI logo generation feature allows you to create unique logos using machine learning. Simply follow these steps:
1. Navigate to the "AI Logo Generation" section of the app.
2. Input your preferred logo text and select a style (e.g., modern, vintage, minimalistic).
3. Click the "Generate Logo" button.
4. The AI will process your input and generate a logo based on your preferences.
## Technologies Used
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Three.js: A JavaScript library for 3D graphics and visualization in the browser.
- AI Logo Generation Library: The library responsible for generating logos using AI.
## Contributing
We welcome contributions from the community! If you find a bug or have an enhancement in mind, please submit an issue or a pull request to this repository.
---
Feel free to customize this readme to match your project's specifics and design. Add relevant images, badges, and any additional information that could help users and contributors understand and use your 3D Product Customization App effectively.