The growing demand for personalized fashion has created a significant market for custom-designed apparel, particularly t-shirts. This paper presents the design and development of a web-based customized t-shirt ordering system built using modern front-end technologies. The system enables users to design custom t-shirts by selecting colors, sizes, adding custom text with font customization, and uploading personal logos or graphics. Additionally, the platform offers a curated collection of ready-made t-shirt designs for quick purchase. The application is developed using React.js with TypeScript, styled with Tailwind CSS, and follows a component-based architecture for maintainability and scalability. Key features include a real-time t-shirt preview customizer, shopping cart with quantity management, a complete checkout flow with order confirmation, and responsive design for mobile and desktop devices. The system demonstrates the practical application of modern web development frameworks in creating an interactive e-commerce experience. Testing results confirm that the system provides a seamless user experience with intuitive navigation, fast rendering, and reliable state management across all modules.

Keywords: Web Development, React.js, T-Shirt Customization, E-Commerce, Tailwind CSS, TypeScript, Component Architecture.