MH
Web Ecosystem

MatesLive & MShop Ecosystem

Designed and developed a multi-portal ecosystem supporting content creators, agencies, merchants, and administrators. The platform manages complex financial transactions, e-commerce operations, and real-time moderation for a social networking environment.

Timeline: Sep 2024 – Sep 2025
Role: Lead Frontend Developer

Project Links

My Role & Responsibilities

Role

Lead Frontend Developer

Key Responsibilities

  • Developed multiple portals including payment platforms, admin dashboards, and merchant stores
  • Built secure payment integrations with multiple regional and international gateways
  • Designed role-based access control for diverse user types
  • Optimized performance and SEO using SSR and SSG

Technical Details

Technology Stack

frontend
  • React
  • Next.js
  • Redux
  • TailwindCSS
  • React Query
backend
  • Firebase
database
  • Firestore
devops
  • Firebase Hosting
tools
  • Zego Cloud
  • Video.js
  • HLS.js

Architecture

Micro-frontends approach with SSR/SSG for e-commerce performance

APIs & Integrations

EasyPaisaJazzCash via WaleeTelrEpayTapZego CloudMate WalletPayment GatewaysHLS Video Players

Screenshots & Media

Mate Eye admin dashboard for platform moderation

Mate Eye admin dashboard for platform moderation

Challenges & Solutions

Challenge:

Managing secure transactions across various third-party payment providers

Solution:

Engineered a unified payment integration layer to handle multiple PSPs

Achievements & Impact

$1M+

Transaction Scale

Handled over $1M in secure transactions via integrated gateways

Lessons Learned

  • Optimizing complex dashboards for high-volume data
  • Multi-tenant role-based access control

Explore more projects?

Go To Projects