MS

Mostafa Samir

Marketplace Systems Architect

FurnitureTeam

Vingo Roll

Web3-enabled furniture marketplace with blockchain transactions and NFT integration.

Engagement
Team
Cross-functional team
Category
Furniture
Domain focus
Stack depth
2 core technologies
React · Web3
Data layer
Client-side state
No external database
Vingo Roll showcase

Project Overview

A furniture marketplace where settlement happens on-chain.

Vingo Roll pairs a conventional furniture marketplace with Web3 settlement and NFT-backed ownership records for listed pieces.

The design goal was that the blockchain layer stays invisible until it is needed: browse, configure and cart behave normally, and the wallet only appears at settlement.

The Challenge

Configurable, high-value goods combined with wallet-based settlement meant two normally separate flows — product configuration and on-chain transaction — had to feel like one checkout.

The Approach

Configuration resolves into a concrete SKU before the wallet ever opens, and the on-chain step is isolated behind its own boundary with a conventional payment fallback.

Core Features

01

Configurable products

Material, dimension and finish selectors that resolve into a concrete SKU with its own price and availability.

02

Wallet-based transactions

Web3 wallet connection with on-chain transaction signing and a clear fallback for traditional payment paths.

03

Marketplace listings

Seller-side listing creation and buyer-side discovery sharing one normalised product schema.

04

Delivery & logistics data

Lead times, shipping zones and assembly options surfaced before the customer commits to an order.

05

Showroom-grade visuals

Full-bleed imagery and room-context galleries built on a responsive media layer.

Architecture & Tech

Tech Stack

ReactWeb3
Engineering Notes
  • React with a component-driven structure, memoised derived state and route-level code splitting to keep interaction snappy.
  • Web3 wallet connection and contract interaction isolated behind a dedicated module with graceful fallback.

My Role & Contributions

  • Owned the front-end architecture, component library and state management.
  • Implemented the full React + Web3 stack for this project.
  • Translated design intent into a responsive, accessible interface across breakpoints.
  • Collaborated on shared conventions, code review and integration with parallel workstreams.
  • Deployed and verified the production build.

Delivery Process

  1. 01

    Discovery & scoping

    Requirements distilled into a prioritised scope, user flows and a data model sketch before any code.

  2. 02

    Architecture & design system

    Component hierarchy, state boundaries and a token-based visual system defined so screens could be assembled consistently.

  3. 03

    Implementation

    Built iteratively with React, Web3, shipping vertical slices — data, logic and UI together — instead of layer by layer.

  4. 04

    Hardening & launch

    Edge cases, validation, responsive behaviour and performance passes, followed by deployment and post-launch monitoring.

Results & Outcomes

  • Shipped to production and publicly reachable at the live URL.
  • Responsive from small mobile screens through large desktop layouts.
  • Interface patterns reusable across the rest of the product surface.

Related Projects