AI-Powered 3D Website Using React & ThreeJS

screen-recording-2023-04-21-at-41208-pm_cvKjNhdk.mp4

A ThreeJS powered 3D product website infused with the power of artificial intelligence! using CHATGPT.

Features

A 3D view of the T-Shirt.
Color Picker for choosing color & realtime view of the changing of colour.
File Upload functionality to use custom logo/design.
CHATGPT integration to run custom queries to make unique design
Download feature to export your unique design and share it with the world

Technologies used

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
CHATGPT API - Generate and use images through DALLE AI

Application Used

Git - For Version Control of the app and code commits.
Vercel - For deploying the Frontend of the application.
Render - For deploying the Backend of the Application.

Live App Deployed

link- https://ai-threejs.vercel.app/

mirror link- https://ai-threejs-git-main-impranshu.vercel.app/

A Design Exported from the Application