This is a 3D website that allows users to customize a Tshirt and upload their own images to it. The website uses the OpenAI DALLE API to generate images from text captions. The website is built using React, ThreeJS, React Three Fiber, TailwindCSS, Framer Motion, and ExpressJS.
Users should be able to:
- View 3D model of Tshirt
- Customize the Tshirt
- Upload custom image to the Tshirt
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Solution URL: Github Code
- Live Site URL: CustomTshirt Website
-
React - JS library
-
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
-
OpenAI DALLE - a neural network that generates images from text captions for a wide range of concepts expressible in natural language
-
React Image Crop - a popular library for cropping images in React
-
ExpressJS - a popular NodeJS framework for building web applications
- Load, create and customize stunning 3D models and geometries with various lights, as well as understand the 3D world with a camera and positioning of an object in space.
- Make your code reusable and scalable using Higher Order Components (HOCs) and other industry-standard best practices
- Add custom color and file support.
- Generate and use images through DALLE AI
- Ensure responsiveness across all devices and improve your site's performance
- Website - MARTIALEAGLE
- Frontend Mentor - @AshwanthramKL
- Twitter - @AshwanthramKL