AutoHub.Solutions
← All work

Mahali — UAE Multi-Vendor Marketplace

A UAE-focused multi-vendor marketplace where sellers create branded storefronts and buyers compare, save, and purchase products using multiple currencies — with location-aware search powered by Google Maps.

next.jsreacttypescripttailwind-cssgoogle-mapsstripetanstackmarketplace
Visit project ↗
Mahali — UAE Multi-Vendor Marketplace

Overview

Mahali is a feature-rich multi-vendor marketplace built for the UAE market, connecting independent sellers with buyers across the region. Sellers establish branded storefronts and manage their product catalogues, while buyers enjoy a seamless shopping experience with advanced filtering, favourites, and multi-currency checkout.

Key Features

  • Multi-Vendor Storefronts: Each seller gets a dedicated, customisable storefront with product management, stock tracking, and analytics.
  • Product Comparison: Buyers compare products side-by-side across multiple vendors before making a purchase.
  • Multi-Currency Payments: Stripe-powered checkout supporting multiple regional currencies.
  • Location-Aware Discovery: Google Maps API integration for geo-based search and store proximity filters.
  • Analytics Dashboard: Vendors access real-time sales data, traffic metrics, and inventory insights.
  • Favourites & Wishlist: Buyers save products and vendors for future visits.

Technical Architecture

Built as a Next.js application with TanStack Query managing all server state. Stripe handles payment processing and Google Maps powers location features. Tailwind CSS provides the design system.

Tech Stack

Next.js · React · TypeScript · Tailwind CSS · Google Maps API · Stripe · TanStack Query