/
/Marichat
Marichat
A sophisticated B2B2C platform that transforms chat interactions into seamless transactions across food, fashion, and various retail sectors.
Microsite App
Dashboard Login
Dashboard Analytics
Dashboard Orders List
Dashboard Products List
Dashboard Merchants List
The Challenge
Developing a highly flexible frontend architecture that can dynamically toggle between different business verticals and diverse fulfillment methods without compromising the lightweight user experience or code maintainability.
MariChat is a robust multi-tenant ecosystem designed to bridge the gap between instant messaging and e-commerce. It enables merchants to set up highly customizable storefronts—whether for food with dine-in/pickup options or retail with delivery—all integrated with an AI Assistant. The platform focuses on high-speed performance, real-time inventory management, and a versatile ordering system (Delivery, Takeaway, Dine-in, etc) tailored to each client's specific business model.
The Solution
Leveraging Vue.js and TypeScript to build a modular component system. Implementation of Zod for rigorous schema validation across complex multi-step checkout forms, and a custom state management strategy to handle real-time AI chat interactions and dynamic merchant configurations smoothly.
Virtualized Performance
Implemented windowing and lazy loading patterns for large datasets, ensuring the interface remains fluid under heavy data loads.
Adaptive Logic
Integrated reactive state management and dynamic routing to unify previously fragmented data sources into a single source of truth.