Vastra is a fashion and clothing-based e-commerce platform developed using the MERN stack to provide users with a modern and interactive online shopping experience. The platform supports multiple clothing categories such as men’s wear, women’s wear, ethnic wear, casual wear, and accessories. Unlike traditional e-commerce systems, Vastra integrates GSAP animations and Blender based 3D product visualization for improved frontend interaction and product presentation. The system allows users to browse products, apply filters, manage Wishlist and carts, and complete secure transactions through a responsive interface. MongoDB Atlas is used for scalable inventory management, while JWT authentication ensures secure user access. An admin dashboard supports product management, order tracking, and inventory handling. Experimental testing confirmed smooth UI rendering, responsive performance, and efficient product management across multiple devices.
Introduction
The text describes “Vastra,” a modern fashion e-commerce platform built using the MERN stack to improve online shopping experience through interactivity, scalability, and immersive product visualization.
The system supports multiple clothing categories (men’s, women’s, kids’, ethnic, casual wear, and accessories) and provides standard e-commerce features such as authentication, product browsing, wishlist, cart management, order processing, and an admin dashboard. What makes Vastra different from traditional platforms is its use of GSAP animations and Blender-generated 3D product models, which enhance visual engagement and create a more interactive shopping experience.
The platform is built using React.js and Tailwind CSS for the frontend, Node.js and Express.js for backend APIs, and MongoDB Atlas for data storage, with JWT for secure authentication. It follows a scalable architecture suitable for modern fashion retail systems.
Implementation results show that the system successfully handles product browsing, filtering, cart operations, secure login, and 3D rendering, while maintaining responsive performance across devices. Challenges such as integrating 3D assets were resolved through optimization techniques.
Conclusion
Vastra successfully provides a practical MERN stack-based fashion e-commerce solution for modern clothing retail businesses. The platform supports responsive product browsing, centralized order handling, wishlist management, GSAP-powered frontend animations, and Blender-generated 3D product visualization for enhanced shopping experiences. The system improved product presentation, simplified inventory management, and enhanced online customer engagement through interactive frontend functionality and scalable backend architecture.
References
[1] M. Mehra, M. Kumar, A. Maurya, C. Sharma, and S. Shanu, “MERN Stack Web Development,” Annals of the Romanian Society for Cell Biology, vol. 25, no. 6, pp. 11756–11761, 2021.
[2] J. Park and M. Liu, “Evaluating Front-End Frameworks: A Performance Case Study of React in E-Commerce,” IEEE Transactions on Software Architecture, vol. 9, no. 1, pp. 55–63, 2022.
[3] S. Bhattacharya and K. Nair, “Examining the Role of NoSQL Databases in High-Volume Retail Systems,” Journal of Information Systems and Technology Management, vol. 15, no. 2, pp. 88–97, 2020.
[4] React Documentation, “React Official Documentation,” 2025. V. MongoDB Inc., “MongoDB Atlas Documentation,” 2025.
[5] GreenSock, “GSAP Animation Platform Documentation,” 2025.
[6] Node.js Documentation, “Node.js Official Guide and API Reference,” 2025.
[7] Razor pay, \"Payment Gateway vs UPI: Key Differences for Businesses,\" 2023. N. D. Naidu et al., \"ECommerce web Application by using MERN Technology,\" Int. J. Mod. Trends Sci. Technol., vol. 7, pp. 1-5, 2021.