pnidhi26 / 3d-ai-website

AI Powered tailor made customizable T-shirt website

3D-AI-website

Technology Used:

Three.js, Fiber, React.js, Vite, Framer Motion, Tailwind CSS, Express, OpenAI

Live Demo:

• Website Demo (Hosted at Netlify): https://fashion-ai.netlify.app/
• API is Hosted at Render: https://fashion-ai-33eo.onrender.com/

Commands:

• npm create vite@latest -- --template react client

• inside client folder:

• npm install three @react-three/fiber @react-three/drei maath valtio react-color framer-motion

• install tailwind css for vite:

• npm install -D tailwindcss postcss autoprefixer
• npx tailwindcss init -p

• add tailwind CSS template paths and directives

• Server side:

• npm init -y
• npm install cloudinary cors dotenv express mongoose nodemon openai

• OpenAI key generation

• https://platform.openai.com/account/api-keys

How to run this project on Local Server:

• run client:

• npm run dev run this on browser:: http://localhost:5173/

• run server:

• npm start run this on browser:: http://localhost:8080/