A modern web app for AI-powered jersey design and inspiration. Upload your artwork, crop and process it, and discover similar jersey designs from a curated catalogue. Built for designers, teams, and sports enthusiasts who want to bring their jersey ideas to life!
- AI-Powered Design Generation: Upload your image and let the AI suggest jersey designs.
- Smart Cropping: Crop your image before processing for best results.
- Polygon Detection: Visual overlays highlight detected regions of interest.
- Similar Designs Grid: Instantly preview a grid of similar designs from the catalogue.
- Responsive & Fast: Built with React, Tailwind CSS, and Vite for a snappy experience.
- Modern UI/UX: Clean, dark-mode friendly interface.
- Frontend: React, TypeScript, Tailwind CSS, Vite
- Backend: Node.js/Express (API endpoints)
- Image Processing: Python (YOLO, etc.)
git clone https://github.com/your-username/jersey-design-studio-elegance.git
cd jersey-design-studio-elegancenpm installCreate a .env file in the root directory:
VITE_API_BASE_URL=http://localhost:3001Adjust the URL if your backend runs elsewhere.
npm run devThe app will be available at http://localhost:5173 (or as shown in your terminal).
- Upload an Image: Drag & drop or select an image to start.
- Crop (Optional): Use the crop tool for best results.
- Process: Click 'Generate Jersey Design' or interact with detected polygons.
- Explore: View similar designs in a responsive grid.
- Start Over: Use the 'New Image' button to try another design.
VITE_API_BASE_URL: The base URL for backend API calls (e.g.,http://localhost:3001).
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
- Fork the repo
- Create your feature branch (
git checkout -b feature/YourFeature) - Commit your changes (
git commit -m 'Add some feature') - Push to the branch (
git push origin feature/YourFeature) - Open a Pull Request
Made with ❤️ by the Jersey Design Studio Elegance team