Skip to main content
MSP Tech Stack
Full-Stack ApplicationProduction

MSP Tech Stack

B2B marketplace with dual-portal architecture

A B2B marketplace featuring separate portals for individual buyers and company purchasing departments. Each portal has tailored authentication, workflows, and procurement tools.

Project Overview

What it is

A dual-portal B2B marketplace where individual buyers and company purchasing departments have separate authentication flows, interfaces, and procurement tools tailored to their needs.

Who it serves

B2B companies that need to serve both individual professionals and organizational buyers through a unified marketplace platform.

Business value

Serves two distinct user types through a single platform. Company buyers get procurement workflows, while individual buyers get a streamlined shopping experience.

Primary users

Individual professionals making purchases, and company purchasing departments managing organizational procurement.

Quick Facts

Category

Full-Stack Application

Role

Full-Stack Developer

Timeline

3 months

Status

Production

Team

Solo

Platform

Web

Industry

B2B / Marketplace

Frontend

Next.js

Business Problem

B2B marketplaces typically force all users into a single experience, ignoring the fundamentally different needs of individual buyers versus company purchasing departments with approval workflows, budget tracking, and multi-user accounts.

Key Features

Dual Authentication Portals

Separate login flows for individuals and organizations. JWT-based authentication with role-specific session management and permission controls.

Company Dashboard

Organizational buyers get procurement dashboards with budget tracking, multi-user account management, purchase order history, and approval workflows.

Individual Buyer Portal

Streamlined single-user experience with quick checkout, order history, and personalized recommendations based on past purchases.

Role-Based Access Control

Granular permissions for company accounts: purchasing managers can set budgets, team members can request purchases, and admins can approve orders.

Technology Stack

Frontend

Next.jsTypeScriptTailwind CSS

Backend

Node.jsExpress.jsJWT

Database

MongoDB

Infrastructure

Vercel

Tools & Services

GitGitHub
Architecture Preview

Next.js frontend with dual authentication flows routed through a shared Express.js API. JWT tokens encode user type and role, which the middleware uses to apply different business logic for individual versus company users.

Challenges Solved
1

Individual and company users have fundamentally different workflows but share the same product catalog and marketplace infrastructure.

Built a shared API with role-aware middleware. User type is encoded in the JWT, and all business logic branches based on user type. The frontend renders different interfaces from the same component library.

Results
Separate, role-optimized portals for users and companies
Secure JWT authentication with role-based access control
Streamlined B2B product discovery and procurement
Admin dashboard with usage analytics
Lessons Learned
1Dual-portal architecture adds significant complexity. A shared codebase with branching logic works at small scale but would benefit from a micro-frontend approach as the feature sets diverge.
2Company purchasing workflows are surprisingly varied. Building in configurability from the start would have reduced per-client customization work.
Related Projects

Interested in building something similar?

I am always open to discussing new projects, technical challenges, and engineering opportunities.