Project Overview:

This project allows customers to design personalized T-shirts by selecting size, color, uploading custom text or images, previewing the design in real-time, placing orders, and making payments online. Admins manage orders and customer requests through a dashboard.

Modules & Functionalities:

1. User Panel

• Registration/Login: Email-based registration, secure login using bcrypt and JWT.

• T-Shirt Customizer:

  • Choose T-shirt size and color.

  • Add custom text and position it using drag-drop.

  • Upload logos or images (handled with Multer).

  • Live design preview using HTML canvas or JavaScript DOM manipulation.

• Cart & Order Placement:

  • Save multiple designs to cart.

  • Confirm orders with address and delivery details.

  • Make online payment using Stripe.

• Order History: View past orders and their delivery status.

2. Admin Panel

• Dashboard Overview: Total orders, pending orders, completed orders, revenue.

• Order Management:

  • View orders with design preview.

  • Update order status (Pending, In Progress, Shipped, Delivered).

• Product Management:

  • Add/remove available T-shirt sizes, colors.

  • Set price for each variant.

• User Management:

  • View registered users and order counts.

Key Functional Logic:

• T-shirt design is saved as a canvas image or JSON config and stored in MongoDB.

• Orders include design reference + user info + payment status.

• Admins can view design previews directly from order panel.

• Role-based access: Admin vs User.

• Responsive frontend for both desktop and mobile.

• Uses REST API routes for operations like /register, /login, /placeOrder, /updateOrderStatus.