š T-Shirt Customizer ā POD React App
This is a fully responsive single-page Print-on-Demand T-shirt Customization App built using React, Vite, Tailwind CSS, and React Hook Form. Users can upload an image, enter body details, type custom text, and switch between stylish themes using a simple shortcut.
š§ Features
- šØ Theme Switching ā Switch between 3 custom themes using
Alt + Q
- š¤ Body Details ā Enter Height (default 180cm), Weight (default 80kg), and Build (Athletic, Lean, Regular, Big)
- š¼ļø Image Upload ā Upload your own image via file picker or drag & drop (with thumbnail preview)
- š Text Input ā Type up to 3 lines of text to be printed on the T-shirt
- ā” Live Preview ā See your changes update in real time
- š” No Backend Needed ā Fully static frontend, deployed via Cloudflare Pages
- š± Fully Responsive ā Optimized for desktop, tablet, and mobile
š ļø Tech Stack
- āļø React + Vite
- šÆ React Hook Form
- šØ Tailwind CSS
- š§ AI-Assisted Code Generation & Styling Ideas (ChatGPT used as design assistant)
- š©ļø Deployed via Cloudflare Pages
š Live Demo
š https://tshirt-customizer.pages.dev
š» Local Setup
git clone https://gitlab.com/your-username/tshirt-customizer.git
cd tshirt-customizer
npm install
npm run dev