Website hosted at -> Metaverse Product showcase

Many large corporations already use 3D graphics to showcase their products. It is a ThreeJS 3D product website and infuse it with the power of artificial intelligence!

• 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

Implemented the following:

• Developed and implemented 3D modeling and customization features with lighting and camera settings, and object positioning
• Utilized industry-standard best practices, including Higher Order Components (HOCs), to create scalable and reusable code
• Implemented custom color and file support for enhanced user experience
• Integrated DALLE AI to generate and utilize images within the application
• Enabled downloading of the final t-shirt model image
• Ensured cross-device responsiveness and optimized site performance for improved user engagement.

Home Page:

Color Picker:

File Uploader:

AI Generator: