Live Project Demo Playground

Premium, production-style demos with clear explanations. Tap through each module to see real flows, UI polish, and backend-friendly patterns.

01

JosEventia — Escrow Booking Flow

Vendor booking with Paystack escrow, clean UX and auditability.

How it works

  • 01.▶ Press Play on the video
  • 02.🧾 Observe quote → pay → hold → release
  • 03.🪙 Emphasis on trust & dispute-resolution
02

Animated Login & Dashboard

High-end auth UX with a personalized dashboard reveal.

How it works

  • 01.✍ Enter a name/email
  • 02.✨ Smooth transition into a live dashboard
  • 03.🧭 Shows onboarding & state handling

Sign in to Client Portal

Secure access to your dashboard

03

Webhook Playground

Send test webhooks, inspect payloads, and replay — like production teams.

How it works

  • 01.📡 Choose an event & send
  • 02.🔍 Inspect JSON + headers
  • 03.🔁 Replay to verify resilience
Webhook Playground
Receive • Inspect • Replay

This endpoint accepts POST webhooks and shows the last 5 payloads. Use the curl command or the sample button.

curl -X POST '/api/webhook' -H 'Content-Type: application/json' -H 'X-Demo-Event: external.test' -d '{"hello":"world"}'
No webhooks received yet.
Note: In serverless, memory resets sometimes; this keeps only the last few payloads per warm instance—good enough for demos.
04

WhatsApp Pay (Vendor)

Conversation-driven payment flow with secure escrow.

How it works

  • 01.💬 Follow the chat prompts
  • 02.🔗 Tap the inline invoice
  • 03.✅ See confirmation & status
Vendor
Zee’s Closet 👗
Online · last seen 11:24
11:24
Ready
Demo uses mock checkout (no real payments). Audio is AI-narration. Users must be informed when hearing AI voices.
05

API Playground

Hit live endpoints, view responses, and reason about contracts.

How it works

  • 01.⚡ Run GET/POST examples
  • 02.🧰 Swap base URL
  • 03.📜 Inspect structured JSON

API Playground ⚡

Click below to test live API endpoints. You can connect your Django backend later.

Click a button to see response

06

Quick Product Uploader — Chrome Extension

Simulated Chrome extension that lets online stores upload products instantly from any website.

How it works

  • 01.🧩 Detects product details automatically
  • 02.⚙️ Lets user review & edit price or title
  • 03.🚀 Uploads item straight into their store dashboard

Quick Product Uploader (Demo)

Detect
Review
Choose Store
Upload

Product Detected

We scanned this page and found a product. You can change details later.

product
TitlePet Collar — Adjustable Nylon Strap
Price₦3,500
Sourcehttps://example-supplier.com/products/adjustable-nylon-collar

What this Chrome extension does (in simple terms)

  • • When you’re viewing a product on any website, the extension can “see” the product info.
  • • It lets you review and edit the name, price, image, and description.
  • • You choose your store type (Shopify, WooCommerce, or your own system).
  • • It converts the info into the exact format your store needs (the “payload” above).
  • • Finally, it sends that info to your store so the product appears in your dashboard.
  • *This demo copies the payload to your clipboard to simulate a real upload.*
Built with ❤️ using Chrome APIs + React · Demo mode

Built & powered by modern web tech

Next.js
Tailwind CSS
Framer Motion
Vercel