Skip to main content

Lynqfy

System architecture

Chartflow view: read the stack top → bottom, then the purchase path in two rows (no sideways scroll).

Platform stack

Browser · React + Vite + TypeScript

Builder, dashboard, Stripe Checkout, live data via Firebase SDK

Firebase platform

Auth · Firestore · Storage · Hosting / CDN

Cloud Functions

Webhooks, orders, signed URLs, SendGrid sends, download limits

Integrations (parallel outputs)

Stripe

Payments & Connect

SendGrid

Transactional mail

Domain / DNS

Branded email (e.g. Zoho)

Purchase → delivery pipeline

One happy path: money captured, order stored, customer gets a link.

1

Checkout

Stripe session completes

2

Webhook

Stripe → Cloud Function

3

Persist

Order saved in Firestore

4

Sign URL

Time-limited Storage link

5

Email

SendGrid → customer inbox

6

Download

Rate-limited file access

Design choices

Mermaid source diagrams live in the Lynqfy repo README — this page is a readable chartflow for the portfolio.