TshirtLoop — Egyedi ruházati webáruház és online tervezőstúdió
Egyedi nyomtatott ruházati webáruház az amerikai piacra. Online tervezőstúdiót tartalmaz, ahol a látogatók böngészőben tervezhetnek pólót, pulóvert és sapkát, és rendelést adhatnak le — DTF nyomtatásra és hímzésre kész kimenettel.
Élő oldal megtekintése
Képernyőképek
Projekt áttekintés
A TshirtLoop egy teljes körű e-kereskedelmi platform, amely egyedi nyomtatott ruházatot értékesít amerikai iskoláknak, kluboknak és csapatoknak. A hangsúly nem a hagyományos termékoldalon van, hanem egy böngészőben futó tervezőstúdión. A stúdió háromlépéses folyamatra épül: tervezés, mennyiség, ellenőrzés. A felhasználók külön dolgoznak a ruhadarab elő- és hátoldalán, kész grafikákat adnak hozzá, saját fájlt töltenek fel vagy szöveget helyeznek el. DTF nyomtatás és hímzés között választanak, ami az árban is megjelenik. A technikailag nehéz rész az, hogy a képernyőn látható pontosan megfeleljen a gyártásból kikerülőnek. A vászon ezért valós nyomtatási méretekkel dolgozik pixelek helyett: minden elem hüvelykben van méretezve, és a termékspecifikus nyomtatási terület határa élőben látszik. A grafika nem lóghat túl rajta. A szövegszerkesztő hét írásrendszert támogat: latin, görög, arab, héber, kínai, japán és koreai. A göröghöz külön betűpaletta tartozik — az amerikai egyetemek Greek life ruházati igénye a platform egyik fő felhasználási esete. A katalógus oldalon a Bella+Canvas, Gildan, Comfort Colors, Champion, Adidas, Under Armour, Core365 és Columbia márkák termékeit kezeljük póló, pulóver és polár, szövött ing, galléros és kötött, alsóruházat, valamint fejfedő kategóriákban. Minden termék saját színváltozatokkal, mérettartománnyal és mennyiségfüggő árazással rendelkezik. Az infrastruktúra Dockerrel konténerizált; az adatrétegben PostgreSQL, alkalmazásoldalon Node.js és TypeScriptben írt React felület.
Főbb funkciók
- Böngészőben futó online tervezőstúdió
- Háromlépéses rendelési folyamat: tervezés, mennyiség, ellenőrzés
- Külön nyomtatási területek az elő- és hátoldalhoz
- DTF nyomtatás és hímzés, az árban megjelenő módszerválasztással
- Valós nyomtatási méretekkel dolgozó vászon — elemek hüvelykben méretezve
- Termékspecifikus nyomtatási határ túllógás elleni védelemmel
- Kész grafikakönyvtár, saját fájlfeltöltés és szövegelhelyezés
- Hét írásrendszer: latin, görög, arab, héber, kínai, japán, koreai
- Külön görög betűpaletta a Greek life számára
- Visszavonás, újra, nagyítás és terv mentése
- Márkaalapú termékkatalógus szín- és méretváltozat-kezeléssel
- Mennyiségfüggő árazás
- Kampány-infrastruktúra: promóciós kódok és visszaszámlálás
- Dockerrel konténerizált infrastruktúra
Használt technológiák
- React
- TypeScript
- Node.js
- PostgreSQL
- Docker
- E-Commerce
- Canvas
- DTF