👕 Swagify

Swagify is an interactive, web-based 3D customization app that allows users to design their own unique T-shirts. Built with React.js, Three.js, and Tailwind CSS, this app enables users to personalize T-shirt colors, upload logos, and apply textures in real-time 3D. Additionally, Swagify incorporates AI-driven features, powered by Stable Diffusion, to generate custom images based on user prompts.

✨ Features

• 🎽 3D T-Shirt Model Customization: Users can change colors, upload logos, and add textures to the T-shirt in real time.
• 🤖 AI-Powered Image Generation: Integrated with Hugging Face's Stable Diffusion API for creating unique images based on user prompts.
• 📱 Responsive & Accessible Design: Optimized for various devices with a user-friendly UI.
• 🎞️ Smooth Animations: Enhanced with Framer Motion for dynamic, engaging user interactions.

🛠️ Technologies Used

• Frontend: React.js, Three.js, React Three Fiber, Tailwind CSS
• Backend: Python (FastAPI), Stable Diffusion API (via Hugging Face)
• State Management: Valtio
• Rendering & Animation: Framer Motion

🚀 Getting Started

⚙️ Prerequisites

• Node.js and npm
• Python 3.8+
• Git
• API keys for Stable Diffusion (from Hugging Face)

📥 Installation

1. Clone the repository:

git clone https://github.com/Mohamed-Ismail-Dev/Swagify-S5-Mini-Project.git

2.Install dependencies:

   cd swagify
   npm install

3.Set up the backend:

• Navigate to the backend folder and install Python dependencies.
• Add your Hugging Face API key to the environment variables.

4.Run the App:

   cd client
   npm run dev

🎨 Usage

1. Open the application in a browser.
2. Start designing your T-shirt by selecting colors, uploading logos, or generating AI-based images.
3. Use the download feature to save your custom design.

🔮 Future Enhancements

• 🧥 Support for additional apparel types
• 🖌️ Expanded customization options (e.g., fonts, patterns)
• 🖨️ Integration with print-on-demand services

🤝 Contributing

Contributions are welcome! Please fork the repository and create a pull request.

📜 License

This project is licensed under the MIT License.