Project 07API + Dashboard

Payment Gateway Integrations.

Project overview

A backend and dashboard that bring multiple payment providers behind a single API. Routing rules select providers by currency, region and availability, with failover when a provider is unavailable. Centralized webhooks process payment, refund and dispute updates, while transaction logs and a React dashboard support investigation. Automated tests cover API logic, dashboard components and payment flows.

Explore the project
Under the hood

What makes
it work.

The stack

Node.jsFastifyPostgreSQLVitestReact Testing LibraryPlaywrightReact
01

Multi-provider Abstraction

A single API surface routing payments through different providers based on currency, region and availability.

02

Multi-currency Support

Automatic currency detection and conversion with provider-specific routing rules.

03

Real-time Dashboard

React admin panels showing live transaction volume, success/failure rates and provider health.

04

Webhook Processing

Centralized webhook ingestion for payment confirmations, refunds and dispute notifications across all providers.

05

Comprehensive Test Coverage

Unit and integration tests with Vitest, component tests with React Testing Library and E2E flows with Playwright.

06

Transaction Logging

A full audit trail with searchable history, filtering and CSV export.