02 / System-first

2025 · Complete

Visual Workflow Automation Platform

Full-stack workflow automation, connect Google Drive, Slack, Discord, and Notion through a visual editor and run automations on real-time triggers.

AutomationWorkflowsOAuthStripe
Visual Workflow Automation Platform, shipped client work
  • 01

    Drag-and-drop trigger → action canvas

  • 02

    Google Drive, Discord, Notion, Slack

  • 03

    Native webhooks, not polling

  • 04

    Stripe credits across Free / Pro / Unlimited

The brief

Off-the-shelf automation tools (Zapier, Make) work, but building one from scratch means solving OAuth flows, webhook-based real-time triggers, and billing/credit metering correctly. That's the plumbing that's usually the hard part, not the drag-and-drop canvas.

The outcome

  1. 01Real-time execution via native webhooks, not polling, for every connected trigger source
  2. 02Four native integrations (Google Drive, Discord, Notion, Slack) each with its own OAuth2 flow and action set
  3. 03Tiered subscription and credit-metering built in from the start, not bolted on after launch

The build

A ReactFlow visual editor where a user builds a workflow as a trigger node (for example, a new file in Google Drive) connected to one or more action nodes (post to Discord, create a Notion page, send a Slack message). OAuth2 connections are stored securely per user.

When a workflow is published, the app registers a webhook with the source service so actions fire in real time on the actual event. Usage is metered through a Stripe-backed credit system across free, pro, and unlimited tiers.

Specs

Platform
Web
Editor
Visual drag-and-drop canvas (ReactFlow) for trigger → action workflows
Integrations
Google Drive, Discord, Notion, Slack (OAuth2 + API keys)
Billing
Stripe subscriptions, credit-based usage metering (Free/Pro/Unlimited)

Stack

Backend
Next.js 14TypeScriptPostgreSQLPrisma
Frontend
ReactReactFlowTailwind CSSshadcn/uiFramer Motion
Auth / Payments
ClerkStripe
State / Uploads
ZustandUploadcare

Building something in this layer?

Start an inquiry
View live site

More System-first

All System-first