← Back to Projects
Web ApplicationApril 2024

Custom Threads - Custom T-Shirt E-commerce App

A personalized e-commerce platform for designing and purchasing custom t-shirts. Users can create, preview, and order their own designs easily.

Project Screenshots

Custom Threads Login Page

Login Page

T-shirt Design List

Design List Page

Shopping Cart

Cart page with product summary and price breakdown

Payment Page

Payment Page

Project Videos

Key Features

T-shirt design editor with live preview
Add text, colors, and upload images
Mobile-first responsive UI
Cart and secure checkout
Admin dashboard for managing products/orders
Custom collections and trending designs

Custom Threads - T-Shirt Customization & E-commerce Platform

Custom Threads is a dynamic online store where users can design their own t-shirts, preview them in real-time, and place orders seamlessly. The platform empowers creativity and offers a smooth shopping experience for individuals, teams, and event organizers.

Key Features

  • Interactive T-shirt design editor (text, colors, images)
  • Real-time preview of customized t-shirts
  • Responsive and user-friendly design
  • Shopping cart, order history, and payment gateway
  • Admin dashboard for product and order management
  • SEO-ready storefront with featured collections and offers

Technical Details

Built using React.js for a fast and interactive UI, Node.js and Express for backend services, and MongoDB for storing product and user data. The t-shirt design editor is developed using HTML Canvas and integrated with file upload support. Payment integration is handled via Razorpay/Stripe.

Development Process

The project followed a component-based modular development with emphasis on user experience. The design editor and real-time preview functionality were prioritized, followed by cart, order flow, and admin management modules. Emphasis was also given to performance and responsiveness across devices.