Code Monkey home page Code Monkey logo

elonmusk2002 / t-shirt_3d_customizer_with_chatgpt Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 2.0 1.08 MB

This project allows you to make your own t-shirt, customize it, choose a color and image upload and ask ChatGPT to make your own t-shirt by the prompt.

Home Page: https://t-shirt-3-d-customizer-with-chat-gpt.vercel.app

License: MIT License

HTML 1.48% JavaScript 88.05% CSS 10.47%
chatgpt t-shirt-3d-customizer react cloudinary full-stack-web-development tailwindcss vite backend-development frontend-design interactive

t-shirt_3d_customizer_with_chatgpt's Introduction

T-Shirt 3D Customizer With ChatGPT ๐Ÿ‘•

T-Shirt 3D Customizer With ChatGPT is a fun and interactive project that allows users to make their own customized t-shirt by selecting their preferred color and design. Additionally, users can even ask ChatGPT to make their custom t-shirt using natural language prompts.

screenshot of T-Shirt_3D__Customizer_With_ChatGPT

Installation ๐Ÿ› ๏ธ

  1. Clone this repository to your local machine.
  2. Install the required dependencies by running npm install.

Dependencies ๐Ÿ“ฆ

Server

Badge Name Version
express express ^4.18.2
mongoose mongoose ^7.0.3
openai openai ^3.2.1

Client

Badge Name Version
react React ^18.2.0
three Three.js ^0.151.2
framer-motion Framer-Motion ^10.10.0
react-color React-Color ^2.19.3

Dev Dependencies

Badge Name Version
vite Vite ^4.2.0
tailwindcss TailwindCSS ^3.3.1
autoprefixer Autoprefixer ^10.4.14

Usage ๐Ÿ’ก

To use this project, follow these steps:

  1. Start the server using npm start.
  2. Open the project in your web browser through localhost:3000.
  3. Customize your t-shirt using the options on the screen.
  4. Ask ChatGPT to make your t-shirt by using natural language prompts.
  5. Submit your order and wait for it to be delivered!

Contributing ๐Ÿค

Contributions are always welcome! Please fork this repository and submit a pull request.

Thank You ๐Ÿ™

Thank you for checking out this project! If you find it helpful or interesting, your support would be greatly appreciated.

  • โญ๏ธ Star the project on GitHub
  • ๐Ÿ› Open an issue if you found a bug
  • ๐Ÿ› ๏ธ Submit a pull request to contribute

Feel free to reach out if you have any questions or suggestions!

t-shirt_3d_customizer_with_chatgpt's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.