Projects in ZafarwalProjects in Zafarwal
Cover image for ARC — Clothing Ecommerce with
ARC — Clothing Ecommerce with Live AR Try-On Ecommerce clothing site with a real, browser-based AR fit preview — no app required. ARC is a premium ecommerce concept designed to redefine online fashion shopping through an interactive, browser-based AR experience. Instead of relying on a mobile application or simulated mockups, shoppers can preview garments on themselves directly from their web browser using their device's camera. The Live AR Fit Preview allows users to grant camera access, place garments over their live video feed, and adjust the fit by dragging, resizing, and rotating the clothing in real time. Once satisfied, they can capture and download a preview image directly from the browser. All image processing happens locally on the user's device, ensuring privacy and fast performance. Beyond the AR functionality, ARC delivers a complete modern ecommerce experience with beautifully designed product pages, detailed fabric and care information, persistent shopping cart functionality, smooth page transitions, and responsive layouts across desktop, tablet, and mobile devices. The homepage also features a 3D rotating product carousel built with React Three Fiber to showcase products in an engaging way. Highlights • Live browser-based AR clothing preview using WebRTC • Real-time drag, resize, and rotate garment controls • Canvas-based image capture and download • Privacy-first client-side image processing • Interactive 3D product carousel • Dynamic product pages with size and color selection • Persistent shopping cart using React Context & localStorage • Slide-out shopping bag drawer • Demo checkout experience • 17 fully responsive statically generated pages • Modern animations and premium user experience Tech Stack Next.js 14 (App Router) TypeScript Tailwind CSS Framer Motion: React Three Fiber drei WebRTC (getUserMedia) Canvas API ARC demonstrates how modern web technologies can deliver immersive shopping experiences directly in the browser—combining performance, interactivity, and elegant UI into a seamless fashion ecommerce platform.
0
40
Cover image for Building a multi-vendor marketplace on
Building a multi-vendor marketplace on WordPress usually means hitting a wall: clunky SaaS iframe embeds, slow database queries, and broken data syncs. When we set out to build the XCodeSol Restaurant Marketplace, we took a different route—building a strict, WooCommerce-native architecture engineered for scale. Here is how we solved the multi-tenant food delivery & booking challenge under the hood: Unified WooCommerce Core: Menu items are native products, orders serve as the single source of truth, and commission ledgers hook directly into HPOS and refund lifecycle events. Tenant-Scoped Permissions: Custom PHP 8.2+ role isolation powering tailored access for owners, managers, line chefs, cashiers, and drivers. Decoupled Operational Surface: A high-performance REST API (/wp-json/xcodesol/v1/) backing React/TypeScript admin interfaces, live QR table ordering, and driver dispatch workflows. Automated Financial Settlements: Built-in payout creation, batch statement exports (JSON/CSV), and subscription gating. True scalability comes down to clean database boundaries and type-safe data flow from day one. 👉 Read the full plugin overview and architectural breakdown: https://xcodesol.com/plugins/xcodesol-restaurant-marketplace How is your engineering team tackling multi-vendor state management and marketplace logistics this year? Let's discuss in the comments! 👇 #WebArchitecture #SoftwareEngineering #WooCommerce #WordPress #TypeScript #PHP #BuildInPublic #XCodeSol
0
14