{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/b15913f724eb4df5bfc9961d48e7d22f\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/b15913f724eb4df5bfc9961d48e7d22f-038a16cf0fabe80a.gif","duration":495.451,"title":"MERN E-commerce App With Redis, Payments, Analytics","description":"This Loom demonstrates an end-to-end MERN stack e-commerce platform, showcasing performance optimization, secure payments, real-time order tracking, and admin analytics. It features a React-based storefront with an auto-sliding hero carousel, category and price filters, and product listings served through Redis caching, reducing API response times by up to 20× compared to direct MongoDB queries. Product detail pages support ratings, reviews, and a complete add-to-cart experience for authenticated users. The demo also covers secure Razorpay payment integration with an idempotency check to prevent duplicate orders during webhook retries. Additionally, it demonstrates real-time order status updates using Socket.io, allowing instant status changes without requiring a page refresh. Finally, it showcases an admin dashboard powered by MongoDB Aggregation Pipelines, providing insights such as total revenue, order status distribution, and top-selling products, along with a secure authentication system using JWT access tokens, refresh token rotation, and HTTP-only cookies to protect against XSS attacks."}