My Store: MERN Stack eCommerce App with Order Summary and Invoice | IJCT Volume 13 – Issue 3 | IJCT-V13I3P6
International Journal of Computer Techniques
ISSN 2394-2231
Author
Pallavi Govind Rao, Sheetal Singh, Neha Singh, Anshika Pandey, Mr. Mudit Dubey
Abstract
In general, eCommerce sites create an invoice and email it to the user after order completion or delivery, which is confusing and a poor post-sales experience. In this paper, we present “My Store”, a full-stack e-commerce website built with the MERN stack (MongoDB, Express.js, React.js, and Node.js), which eliminates this issue by offering an Order Summary at the time of order placement. The platform provides product search and category filtering, user authentication (signup and login), cart management, address-based order checkout with Cash-on-Delivery (COD) support, and an admin dashboard with complete product management (add/edit/update/delete), all with secure login. Once the order has been placed, the user can view and download the Order Summary in a neatly-formatted PDF document or continue browsing products. The application uses the MongoDB database to store user, product, cart, address and order collections. The product provides transparency in real-time, reduces order related support calls and enhances user trust and confidence.
Keywords
MERN Stack, eCommerce, Order Summary, Invoice Download, React.js, Node.js, MongoDB, Admin Panel, User Authentication, PDF Generation.
Conclusion
My Store, an e-commerce web app developed using the MERN stack, has been proposed to address a common user-interaction problem in e-commerce. The Order Summary, automatically generated when an order is placed and the option to download as PDF, gives immediate order confirmation, rather than the user having to wait for order processing or delivery, as is the case with current solutions. It has been possible to implement user login and registration successfully, product listing (with search and filters), cart, checkout (based on address), cash-on-delivery (COD) orders, instant order confirmation, and a secure admin panel to manage products. The data is managed in MongoDB, which has five organised collections. The next step is to enable online payments (Razorpay/Stripe), support sending an email to the user with the invoice (PDF) after placing the order, support order tracking, add a dashboard for the admin with analytics, and make the app a a progressive web app (PWA) for mobile.
References
[1]. Nielsen, J. (1994). Usability Engineering. Morgan Kaufmann Publishers, San Francisco, CA.
[2]. Alrawabdeh, W. (2014). The Internet and e-Commerce Use and Adoption in Jordan. The Electronic Journal of Information Systems in Developing Countries, 61(1), 1-18.
[3]. Gangeshwer, D. K. (2013). E-commerce or Internet Marketing: Business View from India. International Journal of u- and e-Service, Science and Technology, 6(6), 187-194.
[4]. Kumar, A. and Singh, P. (2020). Generating Documents in Web Applications: jsPDF and PDFMake. International Journal of Web Engineering and Technology, 15(2), 112-128.
[5]. Turban, E., King, D., Lee, J., Liang, T., and Turban, D. (2015). Electronic Commerce: A Managerial and Social Networks Perspective (8th ed.). Springer.
[6]. Flanagan, D. (2020). The Definitive Guide to JavaScript (7th ed.) O’Reilly Media.
[7]. MongoDB Inc. (2022). MongoDB Documentation. https://www.mongodb.com/docs/
[8]. React Documentation. (2022). React – JavaScript library for building user interfaces.
[9]. Node.js Foundation. (2022). Node.js Documentation. https://nodejs.org/en/docs/
[10]. parallax/jsPDF. (2022). Create PDFs in JavaScript.
How to Cite This Paper
Pallavi Govind Rao, Sheetal Singh, Neha Singh, Anshika Pandey, Mr. Mudit Dubey (2026). My Store: MERN Stack eCommerce App with Order Summary and Invoice. International Journal of Computer Techniques, 13(2). ISSN: 2394-2231.
