使用全新的 3D 客製化工具打造獨特的專屬襯衫，釋放想像力，定義衣服的獨特風格
Vite, React.js React Router TailwindCSS Framer-motion Valtio Three.js ESLint Express.js
| Features | Description |
|---|---|
| RWD | 確保網頁能夠適應不同的螢幕尺寸、設備，提供一致且良好的使用者體驗。 |
| 3D Model | 3D 模型呈現方面使用 Three.js 技術，實現呈現模型、動態調整色彩、貼上使用者提供的素材等操作。 |
| Stunning Animation | 產品介紹頁面使用令人驚艷的動畫效果，引導使用者注意力，打造良好的用戶體驗。 |
| Upload Image | 利用網頁的原生 File API 建立獲取使用者圖片的流程，接著進一步處理圖片內容，最後將其呈現於 UI。 |
| Color Palette | 提供色彩調色盤功能協助使用者輕鬆選擇顏色，並與模型渲染結合將顏色呈現於產品上，提供即時的視覺反饋。 |
| AI Image Generator | 利用 OpenAI 的服務建立文本描述生成圖像的功能，協助快速且有效地創建出符合品牌形象的 Logo。 |
| Logo Styling | 提供兩種呈現 Logo 於產品上的風格，分別為填充及縮放。 |
| Save Result | 一鍵保存使用者獨個風格設計的最終結果，保存為圖像文件自動下載。 |
- Optimize performance
- Authentication
- AI feature only available for authenticated users