WizPay
Open-source payment integration tools and developer checkout component SDK.
Full-Stack Developer & Maintainer
Oz Tech Solutions / Open Source
2023 — Present
Active Development
Executive Summary & Strategic Overview
Originally created for client checkout integrations in 2023, WizPay was refactored into a modern, open-source developer SDK providing drop-in payment form generation and webhook verification.
Verified Performance Metrics & Business Impact
Drop-In Checkout Engine
Modular payment form generator with deterministic webhook verification for PayMongo and e-commerce payment flows
Drop-In UI Components
Pre-built React checkout components with client-side Zod schema validation
Developer Payment Toolkit
Public TypeScript developer library and sandbox for custom checkout workflows
The Engineering Challenge
Integrating multi-gateway payments for bespoke client web applications often requires redundant boilerplate, error-prone payload parsing, and repetitive form state management.
The Architectural Solution
Refactored core checkout modules into a reusable, type-safe SDK featuring schema-validated form builders, customizable UI components, and simplified gateway adapters.
Core Technical & Architectural Highlights
Type-Safe Form & Gateway Adapters
Zod-validated payload contracts ensuring consistent client validation across different payment provider interfaces.
Drop-In UI Component Architecture
Headless and pre-styled React components designed for frictionless embedding with minimal bundle footprint.
Extensible Webhook Verification
Deterministic signature verification helpers for secure transaction confirmation across distributed backends.
Agentic AI Pair Programming & Antigravity Acceleration
Engineered using TDD in Antigravity to achieve comprehensive test coverage across tokenization, form validation states, and API error simulations.
WizPay Checkout & API Simulator
Test checkout payloads and examine generated SDK integration code in real time.
PAYLOAD PARAMETERS
SANDBOXimport { WizPay } from '@wizpay/sdk';
// Initialize WizPay Client
const wizpay = new WizPay({
apiKey: process.env.WIZPAY_SECRET_KEY,
environment: 'sandbox',
});
// Execute Checkout Charge
const charge = await wizpay.charges.create({
amount: 1500,
currency: 'USD',
description: 'Web Application Build',
customer: {
email: 'client@company.com',
},
metadata: {
contractRef: 'Q3_2026_CONTRACT',
},
});
console.log('Payment Completed:', charge.id);Click “Process Payment” above to execute a simulated WizPay transaction payload.