work/pos-operations-portal.tsx — case study

Fintech · Hydrogen Payment Services · a tenant portal on the back-office platform

POS operations portal

Getting POS terminals to merchants, and keeping track of them.

role: Senior Frontend Engineer
period: 2023 – present
stack: ReactTypeScriptTailwind CSSZustand

X-ray · under the hood

›React · TypeScript · Tailwind · Zustand
›tenant portal on the back-office platform: deployed separately, opened from its sidebar
›its own user management
›sales management
›field agents: POS installs at merchant stores
›POS machine tracking

← drag to peek under the hood →

Illustration, not a screenshot. Drag the handle to see what's under the hood.

the challenge

Rolling out POS terminals involves sales teams, field agents travelling to merchants' stores, and a lot of physical devices. Teams need to see who is selling what, where agents are installing, and where each machine is.

what it does

Sales management
Manage the sales side of POS rollout in one place.
Field agents
Coordinate the agents who visit merchants' stores to install POS terminals.
POS machine tracking
Keep track of every POS device across its journey.
Its own users
This portal has its own user management, separate from the back-office platform.

what I did

Built it as a tenant portal that is deployed separately from the back-office platform but opens from its sidebar.
Built the portal's own user management, separate from the back-office platform.
Built with the same React, TypeScript, Tailwind CSS and Zustand stack as the back-office platform.

impact

Shipped as an independently deployed portal alongside the back-office platform.
Sales, field agents and POS devices managed in one portal.

POS operations portal

## the challenge

## what it does

Sales management

Field agents

POS machine tracking

Its own users

## what I did

## impact

## see also

the challenge

what it does

what I did

impact

see also