Tap - Frictionless payment for all

Inspiration

African social commerce is booming on platforms like Instagram and WhatsApp, but the payment infrastructure is severely fragmented. Vendors rely on manual bank transfers, leading to high friction, while buyers hesitate due to the constant fear of scams (the "What I ordered vs. What I got" dilemma). We were inspired to build a centralized trust layer—a payment ecosystem that eliminates checkout friction for local buyers while giving vendors a premium, automated Business Operating System to scale their hustle.

What it does

Tap is a frictionless payment and product management infrastructure tailored for African SMEs. For Vendors: It provides an intuitive dashboard to manage inventory, create products (with image uploads), and generate 1-tap checkout links that can be shared across any social platform. For Buyers: It offers a seamless checkout experience. Instead of forcing high-abandonment 3D Secure card flows, Tap generates Dynamic Virtual Accounts (via BaaS integration) for first-time buyers. The Growth Loop: Post-payment, Tap uses a gamified micro-cashback incentive to securely vault the buyer's identity and tokenized data, turning guest shoppers into permanent 1-tap users across the entire Tap network.

How we built it

Frontend: Built with Next.js App Router, React, TypeScript, and Tailwind CSS. We implemented a strict "San Francisco-standard" Human-Computer Interaction (HCI) design system, utilizing Zod and React Hook Form for bulletproof, client-side data validation. Backend: Powered by a high-performance Python FastAPI engine. We utilized Cloudinary for handling complex multipart/form-data image uploads and JWTs for secure authorization. ##Infrastructure: We integrated with local gateways (Paystack/OPay) utilizing Webhooks and a Banking-as-a-Service (BaaS) architecture to generate dedicated NUBANs, ensuring full compliance without holding unlicensed pooled funds.

Challenges we ran into

Backend-to-Frontend Data Clashes: Bridging the gap between a highly aesthetic UI and strict backend constraints. We had to engineer seamless data strippers to convert local, formatted phone numbers (e.g., 0704 690 0664) into strict international E.164 formats mid-flight without ruining the user experience.

The "Cold Start" Acquisition Problem: Convincing a buyer to sign up before purchasing on a vendor's custom link leads to cart abandonment. We had to completely rethink user psychology, pivoting to a post-payment "1-Field Password Trap" that offers an instant ₦500 cashback to vault their identity after the purchase succeeds. State Management for Assets: Handling concurrent state arrays and potential Cloudinary failures during 10-image multipart product uploads required building custom, optimistic UI error-catching matrices. ##Accomplishments that we're proud of A Bulletproof Auth Pipeline: We built a highly secure, multi-step onboarding and OTP verification flow that elegantly handles 422/401 backend errors. We successfully stripped "panic-inducing" red error banners from our design system, replacing them with intelligent, auto-redirecting blue and yellow informational states. The Pre-Funded Settlement Loop: Escaping the standard T+1 gateway settlement delay. We architected a system that catches charge.success webhooks and triggers instant API payouts from a pre-funded corporate float, allowing vendors to see their money instantly. ##What we learned Building Tap taught us that writing code is only 50% of product development; the rest is user psychology and regulatory architecture. We learned how to legally navigate local compliance by leveraging BaaS partners instead of building raw wallets from scratch. Most importantly, we learned that good HCI anticipates user mistakes—like pasting spaces into a phone number—and silently fixes them in the background rather than throwing a validation error. What's next for Tap - Frictionless Payment for all Our MVP proves the payment link and inventory engine. Next, we are evolving Tap into a comprehensive SaaS subscription model. We will introduce advanced SKU variation routing, automated logistics/waybill generation, and low-stock email alerts. The ultimate vision is to transition from a payment gateway into the definitive, venture-scale operating system for African social commerce.