Logo
Back
TC Representações home: public landing page and gated login portal

B2B E-Commerce Platform

Website

Full-stack B2B platform for construction materials, built with Clean Architecture, React, and Node.js, from greenfield to production.

  • TypeScript
  • React
  • Vite
  • Node.js
  • PostgreSQL
  • AWS
  • Docker
  • Tailwind CSS

TC Representações is a B2B wholesale platform for construction materials, built for Thiago Carvalho, an independent commercial representative from Mococa, SP who manages partnerships with six brands: Avant, Colson, Irwin, Kalipso EPI, Marluvas, and Termolar. The platform is a deliberate hybrid: a public institutional site for any visitor, and a gated private storefront where access to pricing requires owner approval.

The Constraints

  • Solo greenfield project with no design system, no existing codebase, and a strict infrastructure budget
  • B2B pricing carries business rules more complex than a standard e-commerce model, requiring a purpose-built pricing engine
  • The catalog spans ~2,000 SKUs across multiple brands and must support large bulk updates
  • Retailer access is intentionally restricted, protecting negotiated prices from competitor visibility

Storefront

Built the complete SPA with React 18 and Vite:

  • Public side: landing page, brand showcase, and contact form, visible to any visitor

TC Representações home: public landing page and gated login portal

Home page: institutional content for public visitors, login for approved retailers

The six represented brands, listed on the public institutional site

Brand showcase: public page listing the six represented brands, open to any visitor

  • Gated side: registration with email confirmation, manual owner activation, then access to the full catalog

Three-step retailer registration form requiring business credentials and owner approval

Retailer registration: business credentials collected up front, activation held for owner approval

  • Infinite-scroll product catalog segmented by brand, restricted to authenticated and approved retailers
  • Cart → Quote → Order flow with per-brand separation and automatic quote expiration

API & Backend

Designed the REST API following Clean Architecture with a DDD-inspired domain layer:

  • Custom pricing engine built to reflect the business's specific B2B rules; prices are computed at quote time from per-customer configurations
  • Reliable bulk product import pipeline built to handle large catalog updates
  • Deployed on AWS with Docker, product images served through CloudFront CDN

Technologies

Other projects

  • Personal Portfolio thumbnail

    Personal Portfolio

    Open Source

    A full-stack portfolio built with Next.js, DDD, and Clean Architecture in a Turborepo monorepo.

    • TypeScript
    • React
    View Project