Welcome to the 3D Product Customization Website! 🌟 This innovative web application empowers users to personalize their very own t-shirts with ease. With a wide range of customization options at their fingertips, users can unleash their creativity and design unique garments that reflect their individuality. Get ready to embark on a journey of self-expression and style! 🎉

This application boasts an array of impressive features to enhance your t-shirt customization experience:

Color Selection: Choose from a delightful range of t-shirt colors to suit your style and mood.

Image/Logo Upload: Personalize your t-shirt by uploading your own logos or images to be applied seamlessly.

DalleAI Integration: Unlock the power of DalleAI technology, generating unique custom images to adorn your t-shirt as logos or full designs.

Remove Functionality: Enjoy the freedom to remove any applied logos or images with a simple click of the "remove" button.

Download Option: Capture your masterpiece by downloading your completed t-shirt design as an image file.

This project showcases the harmonious fusion of several cutting-edge technologies:

React: A powerful JavaScript library renowned for its efficiency and flexibility in building interactive user interfaces.React provides a robust foundation for developing a dynamic and responsive user experience.

Three.js: An impressive 3D graphics library that brings life to our virtual world, enabling the creation and rendering of captivating 3D scenes on the web.

Tailwind CSS: A highly customizable CSS framework that accelerates the development process by providing a rich set of utility classess. Tailwind CSS allows us to craft unique and stylish user interfaces effortlessly, making the customization experience visually appealing and engaging.

Node.js: A versatile JavaScript runtime environment that empowers the backend functionality of our project. Node.js enables us to handle server-side operations, manage data storage, and integrate external services such as the groundbreaking DalleAI technology.

The combination of React, Three.js, Tailwind CSS, and Node.js sets the stage for an immersive and user-friendly experience, where users can unleash their creativity and transform their ideas into reality.

Stay tuned for more updates as we continue to explore and leverage the latest advancements in technology to enhance our project even further! 🚀🌟 To get started with this project, you can follow the steps outlined below:

We invite you to join us on this exciting customization journey. Whether you're an aspiring fashion designer, a creative soul, or simply looking for a unique gift, our 3D Product Customization Website has got you covered. Unleash your creativity, make a bold statement, and wear your personalized masterpiece with pride! 👕✨

Get started today and experience the joy of designing your own custom t-shirts like never before!

If you'd like to contribute to this project, please fork the repository and submit a pull request. We'd love to hear your ideas for improving this application! Thank you for considering contributing to our 3D Product Customization Website! Your ideas and contributions are valuable in improving this application and providing an exceptional user experience. Join us in revolutionizing customization and empowering individuals to express their creativity through personalized t-shirt designs.

1. Clone the project repository:

git clone https://github.com/your-username/your-repo-name.git

This command will create a local copy of the project on your machine.

2. Install dependencies on both the client and server:

cd client
npm install

cd server
npm install

Navigate into the cloned repository using the cd command, and then run the npm install command to install the project's dependencies. The --legacy-peer-deps flag is used to handle any potential peer dependency issues.

3. Start the application:

npm run dev

This command will start the client application. It typically runs on port 5173, but you can check the console output for the exact URL.

4. Start the server:

npm start

1. Fork the project repository:

   • Go to the project repository on GitHub.
   • Click on the "Fork" button in the top-right corner of the page.

   

   • This will create a copy of the repository under your GitHub account.

2. Clone the forked repository to your local machine:

   • Open your terminal or command prompt.

   • Navigate to the directory where you want to clone the repository.

   • Run the following command to clone the repository:

     git clone https://github.com/your-username/your-repo-name.git
     

3. Create a new branch for your changes:

   • Change to the repository's directory:

     cd your-repo-name
     

   • Create a new branch with a descriptive name for your changes:

     git checkout -b your-branch-name
     

4. Make and commit your changes:

   • Make the necessary modifications and additions to the project codebase.

   • Once you've made your changes, stage them for commit:

     git add .
     

   • Commit your changes with a meaningful commit message:

     git commit -m "Add your commit message here"
     

5. Push your changes to your forked repository:

   • Push your changes to the branch you created on your forked repository:

     git push origin your-branch-name
     

6. Create a pull request:

   • Go to the original project repository on GitHub.
   • You should see a notification banner indicating that you've recently pushed a new branch.
   • Click on the "Compare & pull request" button.

Congratulations! You've successfully contributed to the project. Your changes will now be reviewed by the project maintainers, and they may provide feedback or merge your changes into the main project if they are deemed appropriate.

Tarun Singh Suraj Pratap

Thank you for using our 3D Product Customization Website!

The project is licensed under the MIT License.

(Back to top)