Marketplae

Marketplae is a digital products marketplace built for the creator economy: templates, code, design assets, e-books, and downloads sold by independent makers to a global audience. We shipped a five-page React product with light and dark themes, a six-method checkout that handles Bangladesh wallets and global cards in one flow, and a content architecture engineered to scale from launch into a full catalog.

Challenge

Most marketplace builds optimize for one region or one buyer type. Marketplae had to win on both fronts from day one.

• Two payment worlds in one checkout. bKash, Nagad, and Rocket dominate Bangladesh consumer payments. Stripe and PayPal own the international wallet. SSLCommerz aggregates BD cards with global ones. A serious marketplace serving both audiences cannot bolt local payments on as an afterthought, and it cannot bury international cards behind a regional flow. The checkout had to feel native to a Dhaka buyer and credible to a buyer in London or Toronto in the same modal.
• Five page surfaces, one product feel. Home, product catalog, Latest Articles editorial, affiliate program, and about. Each does a different job: discovery, browse-and-buy, content marketing, partner acquisition, brand trust. Five different content shapes with one consistent design language is harder than designing one beautiful landing page.
• Built to grow. The founder wanted a marketplace that could launch fast and then scale into thousands of products and authors without a rebuild. That meant architectural decisions early, before any product data was real, that would not become technical debt later.

Approach

We built Marketplae on React 19 with TypeScript on Vite. Every interactive piece is component-driven so the same Product Card, Author Card, Category Card, and Rating primitive get reused across all five pages. Content lives in typed data layers (products, authors, articles, categories, reviews, features, brand) which means swapping in a real CMS or API later is a configuration change, not a redesign.

The visual system runs on Tailwind v4 with a custom @theme block defining the design tokens. Light and dark modes are CSS-variable driven, persisted across sessions by a theme provider so a buyer’s choice stays put on every return visit. Motion (Framer Motion v12) handles scroll reveals, hover responses, and small page transitions that make the marketplace feel alive rather than static. Swiper drives the reviews carousel. Lucide supplies a consistent icon set across all five surfaces.

The checkout was the most opinionated part of the build. Every product card opens a unified checkout flow that surfaces six payment methods in one place: bKash, Nagad, Rocket, and SSLCommerz for Bangladesh buyers, Stripe and PayPal for international. SSLCommerz acts as the local aggregator (one integration covers bKash, Nagad, Rocket, all major BD cards, net banking, and global cards), with Stripe parallel for international wallets and PayPal as a fallback. The flow is one modal, not a region switch, so a buyer never has to guess which version of the site they are on.

Page architecture was tuned for both the launch catalog and the eventual scale. Routes are flat and predictable, the data layer is normalized so a single Product or Author record renders the same way wherever it appears, and the article and category surfaces are content-driven so the founder’s editorial team can publish without engineering involvement.

Results

• Five fully-designed page surfaces (Home, Product, Latest Articles, Affiliate Program, About) sharing one consistent design system and one component library.
• Six-method unified checkout including bKash, Nagad, Rocket, SSLCommerz, Stripe, and PayPal, with SSLCommerz + Stripe recommended as the production stack covering both BD and international buyers.
• Light and dark theme system with a header toggle, CSS-variable tokens, and persisted preference across sessions.
• Catalog-ready architecture with typed data layers and reusable card components, ready to scale from a launch set to a full creator marketplace without a rebuild.
• Fast, polished experience with optimized assets, smooth scroll animations, and responsive layouts that hold up from a 320px phone to a 4K desktop.
• Live walkthrough video so prospective partners, affiliates, and platform investors can see the marketplace work end-to-end before they ever visit.

Tools Used

React 19, TypeScript, Vite, Tailwind CSS 4, Motion (Framer Motion 12), Swiper, React Router 7, Lucide