Interactive Architecture Demo

This prototype demonstrates the server-side integration flow for Brevo (Transactional Emails) and Zite DB (Order Management). Adjust the details below, select a payment method, and click "Place order" to watch the secure backend processes, database insertions, and webhook updates occur in real-time.

Brevo + Zite DB — integration flow
1Fill order
2Submit
3Server route
4Brevo contact
5Zite insert
6Payment
7Zite update
8Email sent
Customer screen Front-end
Green Tea Matcha ×2 ₱280.00
Jasmine Mist ×1 ₱190.00
Subtotal₱470.00
Delivery₱80.00
Total₱550.00

Payment method

SvelteKit server route +server.ts

Waiting for form submission…

Brevo API calls api.brevo.com

No API calls yet…

Zite DB API calls api.fillout.com

No API calls yet…

Brevo

Contacts

No contacts yet…

Transactional emails sent

No emails sent yet…

Zite DB orders table

No records yet…