This AI Application is built using modern web technologies to provide a seamless user experience. It leverages a range of languages and libraries to deliver powerful functionality.
- Vite: A fast, opinionated web build tool that enhances the development experience.
- React: A popular JavaScript library for building user interfaces.
- Tailwind: A utility-first CSS framework for rapid UI development.
- ThreeJS: A JavaScript 3D library for creating 3D graphics.
- Fiber (React Renderer): A rendering engine for React that enables high-performance rendering.
- Framer Motion: A library for smooth animations and transitions.
- maath: A dependency used for essential mathematical functions.
- valtio: A state management library for React applications.
For detailed documentation and instructions on how to use this AI Application, refer to the project's documentation files.
This project includes the following key features:
- Camera Rotation: The ability to rotate the camera for a 360-degree view of the object.
- Adding Style (Selected) to T-shirt: A feature that allows users to apply a selected style to a T-shirt model.
- Changing Color: Users can change the color of the displayed object.
(Work in Progress - need to adjust the shirt size and implenment the file feature)
To get started with this application, follow these steps:
- Clone the repository to your local machine using the following command:
git clone https://github.com/Ravkeerat02/AI-App
- Navigate to the project directory:
cd threejs/client3.Install the necessary dependencies using your preferred package manager (e.g., npm or yarn):
npm install4.Run the development server:
npm run dev