Ring Leader Vendor Portal

Vendor console for the Ring Leader marketplace, bookings, comms, payouts.

Role: Full Stack
Year: 2023
Category: Web
Stack: ReactRedux ToolkitStyled ComponentsSocket.ioNode.jsExpress.jsMySQLStripeJavaScript

Visit

Live site

02 · Outcomes

What the build actually shipped.

Numbers, not adjectives. The stats below are pulled from production. Anything still live, still measured.

2023

shipped

live alongside the app

End-to-end

front · back · admin

same hands as the bride app

Real-time

shared with bride app

same threads, same timeline

Stripe

deposits + payouts

automated to vendor account

03 · Overview

What it does.

The vendor side of Ring Leader. Florists, caterers, photographers, venues run their listings, take inquiries, and manage bookings here. Realtime messaging is shared with the bride app — same threads, same timeline, no copy-paste between platforms. Stripe handles deposits and final payouts. Built end-to-end, same hands as the mobile app, so the contract between bride and vendor surfaces never drifts.

04 · Gallery

More from the build.

Secondary mockups, detail crops, mobile and desktop variants. Click any shot to open it full-size.

05 · Process

How the build actually ran.

Four phases. Each one with a deliverable the client could see, not a slide deck of intent.

01
Conversation
Vendors were stuck on email + DMs to manage inquiries. Brief was: same realtime messaging the bride uses, plus the operational tooling for listings, bookings, and payouts. Vendor portal had to feel like one product with the bride app, not a separate site.
02
Plan
React + Redux Toolkit on the front. Node + Express + MySQL on the back, sharing the realtime rail with the bride app via Socket.IO. Stripe Connect sidecar for deposits and payouts.
03
Build
Listings + booking calendar built first — the operational core. Messaging wired to the same socket bus as the bride app, which is where the contract gets tested. Payouts came last because they're simplest once the booking ledger is honest.
04
Ship & Maintain
Live since 2023, alongside the Ring Leader app launch. Vendors run their listings + bookings here; brides chat from the mobile side. One conversation, two surfaces, same timeline.

06 · Decisions

The choices that shaped the build.

Tech is downstream of decisions. These are the calls made early enough to compound the right way. The ones a code review six months later still agrees with.

Same Socket.IO bus as bride app

Single source of message ordering across mobile + web. No bridge code, no duplicate threads, no race conditions when both sides type at once.

Stripe Connect over manual payouts

Vendor onboarding, deposit holding, and payout reconciliation in one wire. Less ops surface for the marketplace, less paper for the vendor.

Shared store shape with bride app

Redux Toolkit slices for bookings, threads, listings — same contract on web + mobile. State change on one surface renders cleanly on the other without divergent reducers.