Design AI

Live Site

Introduction!

Create your unique and exclusive shirt with our brand-new AI 3D customization tool.
Unleash your imagination and define your own style.

Features

• Experience the full potential of loading, creating, and customizing stunning 3D models and geometries
  
• Explore a diverse range of lighting options to enhance the visual appeal of your 3D creations
  
• Utilize the cutting-edge DALLE AI technology to generate and utilize high-quality images within your 3D environment
  
• Gain a comprehensive understanding of the 3D world through advanced camera functionalities and object positioning in space
  
• Implement reusable and scalable Higher Order Components (HOCs) and industry-standard best practices for clean and efficient code
  
• Customize colors and support a wide variety of file formats to cater to your specific design requirements
  
• Seamlessly download the final result, a striking t-shirt model image, to share or use in your projects
  

Technologies

• ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model
• React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React
• TailwindCSS - a popular utility-first CSS styling framework
• Framer Motion - the most popular library used to bring your React website to life with animations

Contribution Guide

• Fork the repository, create a clone and make sure that you are not working on the `MAIN BRANCH' repository!

git clone https://github.com/{your-github-username-here}/Design-AI.git

cd AI-PrintedShirt

• It is not good practice to work on the main branch. You can create a new branch by using this command

git checkout -b {name-of-the-branch-here}

• Add a stream so you can sync your clone with the original repository (get the latest updates)

git remote add upstream https://github.com/anayatkhan1/Design-AI.git

• Use this command to stay up to date with the original repository (not the fork that you made)

git pull upstream master

• Make your contribution too :)

• Open a Pull Request also.

Setup:

• run npm i && npm start for both client and server side to start the development server