E-CommerceMulti-Portal PlatformBrand MarketplaceNext.js + FirebaseLive Product

Yarns & Wools — Multi-Portal E-Commerce Marketplace

A three-portal e-commerce ecosystem — a fully controllable consumer storefront, a brand self-service portal for onboarding and managing products, and a super admin panel to control the entire platform, content, policies, and approvals.

3

Separate portals built

Multi

Brand marketplace

100%

CMS-controlled storefront

Live

Production since 2026

The Challenge

Three portals. One unified ecosystem.

Yarns & Wools needed more than a standard e-commerce site. As a multi-brand textile platform, they needed a complete ecosystem — a consumer storefront they could control without developers, a self-service portal where brands could register and manage their own products, and a super admin system to oversee everything.

Three distinct portals. One unified platform. Every portal talking to the same Firebase backend in real time — brands update their stock, it reflects on the storefront instantly. Admins approve a brand, their page goes live immediately.

Portal 1

Consumer Storefront — yarnsandwool.com

1

Fully CMS-controlled landing pageEvery section (hero, spotlight products, banners, promises, newsletter) is editable by super admin without touching code.

2

Brand discovery pagesEach approved brand gets a dedicated sub-page with their full product catalogue, brand story, and filtered shop experience.

3

Shop & category browsingFilter by brand, category, price range, fabric type. Full product detail pages with images, specs, and stock status.

4

Cart & checkout flowAdd to cart, quantity management, checkout with shipping details, order confirmation, and order history per customer.

5

Policies & legal pagesShipping & returns, terms & conditions, contact — all editable from super admin CMS.

6

WhatsApp integrationDirect customer support link, newsletter signup, responsive across all devices.

Portal 2

Brand Portal — Self-Service Management

1

Brand registration & onboardingBrands apply to join with their profile, logo, description, and contact info — sent for super admin approval.

2

Product managementAdd, edit, delete products with images, descriptions, pricing, variants (size, colour), and category assignment.

3

Category managementBrands create and manage their own product categories, kept separate per brand in the marketplace.

4

Stock & inventory controlManage stock levels per product variant, get low-stock visibility, toggle product visibility on/off without deleting.

5

Brand profile managementUpdate brand story, cover images, logo, and public-facing brand page content that appears on the storefront.

6

Order visibilityBrands see orders placed for their products with customer and fulfilment details relevant to their inventory.

Portal 3

Super Admin Panel — Full Platform Control

1

Brand approval managementReview brand applications, approve or reject with feedback, control which brands are visible on the storefront.

2

Landing page CMSEdit every section of the consumer storefront — hero banners, spotlight products, promotional content, brand ordering — no code required.

3

Policy & content managementUpdate shipping policy, return rules, terms & conditions, and legal pages directly from the admin panel.

4

Platform-wide product oversightView and manage all products across all brands, override visibility, flag issues, and ensure catalogue quality.

5

Order & customer managementFull order history, customer records, and fulfilment status across all brands in one dashboard.

6

Platform settings & configurationManage global settings: shipping thresholds, exchange policies, featured brands, promotional banners, and site-wide announcements.

Tech Stack

Built with

FrontendNext.js (App Router), React, TypeScript

StylingTailwind CSS, fully responsive

Backend & DBFirebase (Firestore, Auth, Storage)

Real-timeFirestore live listeners (instant sync)

AuthFirebase Auth (multi-role: admin, brand, customer)

DeploymentVercel (frontend + SSR)

Why Firebase

The right tool for this

Real-time sync — brand updates stock → storefront updates instantly
Multi-role auth serving three portals cleanly (admin / brand / customer)
Firestore rules enforce data security at the database level
Firebase Storage with CDN for product images and brand assets
Handles traffic spikes without infrastructure management overhead

The Outcome

Live marketplace with zero developer dependency

Yarns & Wools launched as a fully operational multi-brand e-commerce marketplace. The super admin can update the landing page, approve brands, and manage policies without involving a developer. Brands self-manage their catalogue and stock. Customers get a curated, branded shopping experience with real-time inventory. Three portals. Zero developer dependency for day-to-day operations.

This project demonstrates our ability to build complete multi-portal e-commerce ecosystems — not just storefronts. A consumer-facing marketplace, a brand self-service portal, and a super admin control centre — all live, all integrated, all running in production.

Ready to build?

Want something like this?

Tell us about your project. We'll come back with a custom scope and proposal — no pressure.

Book a Free Discovery Call