TshirtLoop — E-Commerce für individuelle Bekleidung und Online-Designstudio

Projektübersicht

TshirtLoop ist eine durchgängige E-Commerce-Plattform, die individuell bedruckte Bekleidung an Schulen, Clubs und Teams in den USA verkauft. Der Schwerpunkt liegt nicht auf einer herkömmlichen Produktseite, sondern auf einem Designstudio, das im Browser läuft. Das Studio basiert auf einem dreistufigen Ablauf: Design, Menge, Prüfung. Nutzer bearbeiten Vorder- und Rückseite getrennt, fügen vorgefertigte Grafiken ein, laden eigene Dateien hoch oder platzieren Text. Sie wählen zwischen DTF-Druck und Stickerei, was sich im Preis niederschlägt. Der technisch anspruchsvolle Teil besteht darin, dass die Bildschirmansicht dem Produktionsergebnis exakt entspricht. Die Arbeitsfläche rechnet daher in echten Druckmaßen statt in Pixeln: Jedes Element wird in Zoll bemessen, und die produktspezifische Druckbereichsgrenze wird live angezeigt. Motive können nicht darüber hinausragen. Der Texteditor unterstützt sieben Schriftsysteme: lateinisch, griechisch, arabisch, hebräisch, chinesisch, japanisch und koreanisch. Für Griechisch gibt es eine eigene Buchstabenpalette — die Nachfrage nach Greek-Life-Bekleidung an US-Universitäten ist einer der Hauptanwendungsfälle der Plattform. Auf Katalogseite werden Produkte von Marken wie Bella+Canvas, Gildan, Comfort Colors, Champion, Adidas, Under Armour, Core365 und Columbia in den Kategorien T-Shirts, Sweatshirts und Fleece, Webhemden, Polos und Strick, Hosen sowie Kopfbedeckungen verwaltet. Jedes Produkt hat eigene Farbvarianten, Größenspektren und mengenabhängige Preise. Die Infrastruktur ist mit Docker containerisiert; in der Datenschicht kommt PostgreSQL zum Einsatz, anwendungsseitig Node.js sowie eine in TypeScript geschriebene React-Oberfläche.

Verwendete Technologien

• React
• TypeScript
• Node.js
• PostgreSQL
• Docker
• E-Commerce
• Canvas
• DTF