Back to Overview
04 / 06
CASE STUDY · 04Full-Stack MERN Architecture2024

FinGo Marketplace

Multi-vendor commerce platform with role-based merchant operations.

Screen 1 of 6Auto-scrolling every 3s
https://fingo-one.vercel.app
FinGo Marketplace — Store Directory
Store Directory

Verified merchants directory with city and category routing

Application Screen Flow (Click any tag to jump to that screen)
Executive Architecture

System Overview & Engineering Longevity

A multi-vendor commerce platform built on the MERN stack (MongoDB, Express, React, Node.js) designed to connect merchants and consumers across Lahore, Karachi, and Islamabad. Engineered with a 3-tier Role-Based Access Control (RBAC) architecture separating Customer, Seller, and Admin portals. Features JWT authentication with refresh token rotation, dynamic store directories, multi-vendor cart splitting, and a full lifecycle order state machine.

Core Capabilities

Key Engineering Highlights

3-tier RBAC architecture: Customer, Merchant & Admin portals
JWT auth with silent refresh token rotation
City-level filtering across Lahore, Karachi & Islamabad
Multi-vendor cart with order splitting and state machine
Merchant dashboard: inventory management, sales & order dispatch
Admin compliance portal for merchant verification and audits
Technologies & Protocols
React.jsNode.jsExpress.jsMongoDBJWT AuthRESTful APITailwind CSSCloudinaryVercel
Production Standard

Architected with clean domain separation, strict TypeScript contracts, and automated telemetry logging.

~45ms

Query Benchmark

Indexed MongoDB query response

3 Cities

Regional Coverage

Lahore, Karachi, Islamabad

3 Portals

Scoped RBAC Tiers

Customer, Seller & Admin

ACID

Transactional Cart

Atomic multi-store order splitting

Execution Pipeline

End-to-End System Data Flow

How user inputs, computer vision pipelines, and transaction protocols flow across the stack.

STEP 01

Regional Geo-Routing

Shopper selects city (Lahore/Karachi/Islamabad); marketplace filters regional stores and delivery zones.

STEP 02

Multi-Store Cart Splitting

Cart partitions items into separate vendor fulfillment streams with independent sub-totals.

STEP 03

Order Creation Transaction

Database transaction commits customer order and generates individual merchant fulfillment tickets.

STEP 04

Vendor Dispatch State Machine

Merchants receive incoming orders and advance states: Confirmed → Packing → Dispatched → Delivered.

STEP 05

Admin Verification & Oversight

Admins audit store performance, resolve customer complaints, and oversee platform activity.

Module Architecture

System Capabilities & 6+ Functional Modules

6+ Integrated Modules
Security & Access

3-Tier RBAC Portal Architecture

Granular permission separation providing customized UI and API scopes for Customers, Merchant Sellers, and Platform Administrators.

Customer Portal (/customer): Browse stores, manage cart, track order lifecycles
Seller Portal (/seller): Manage storefronts, product catalogs, and incoming orders
Transactional Engine

Order Splitting & State Machine

When a customer purchases items from multiple distinct merchants in a single checkout, the backend partitions the transaction into independent merchant orders with individualized status tracking.

Order splitting across multiple merchant storefronts
Order state machine: Placed → Confirmed → Packing → Dispatched → Delivered
Discovery & Search

City-Based Filtering Directory

Regional filtering enabling shoppers to browse stores and merchants based on city location (Lahore, Karachi, Islamabad).

City-level merchant aggregation and distance sorting
Verified merchant trust badges and local customer ratings
Authentication Core

JWT Authentication & Refresh Token Rotation

Authentication using short-lived access tokens paired with secure HTTP-only refresh tokens rotated in the background.

JWT token signing with secure secrets
Silent background refresh rotation without user interruption
Vendor Tools

Merchant Catalog & Inventory Management

Vendor management suite enabling merchants to create product listings, upload imagery, configure variants, manage inventory counts, and toggle promotional deals.

Cloudinary image optimization and upload pipeline
Discount rate calculation and promotional deal banners
Platform Governance

Admin Compliance & Merchant Verification

Administrative review tools to verify merchant information before stores are permitted to sell publicly.

Merchant document upload and review audit workflow
Store suspension or verification badge approval
Technical Analysis

Key Engineering Bottlenecks & Solutions

Challenge 01

Multi-Vendor Order Partitioning Without Inconsistencies

When a single customer cart contains items from multiple stores, a partial failure could cause inventory anomalies. Engineered a database transactional pipeline that commits all sub-orders or rolls back if any store inventory is depleted.

Implemented & Verified
Challenge 02

Secure Session Persistence Across Refresh Cycles

Storing tokens in localStorage exposed credentials to XSS vulnerabilities. Implemented a dual-token architecture: short-lived access tokens stored in memory paired with HttpOnly refresh cookies rotated on API requests.

Implemented & Verified
Challenge 03

Catalog Search Efficiency Across Large Catalogs

Built compound indexes on MongoDB collections (city + category + price) and debounced search inputs, keeping catalog query benchmark times around 45ms in development testing across product records.

Implemented & Verified
Next Case Study

Evershine Academy ERP & LMS

Multi-campus educational ERP & LMS featuring live biometric fingerprint integration, 7-role portals & automated finance engine.

View Next System