// What It Does
FlowForge allows users to construct event-driven multi-step automation pipelines. Workflows receive trigger payloads, execute conditional branching and AI processing, and dispatch actions asynchronously.
Execution Pipeline:
Event Trigger (Webhook / HTTP)→Payload Parsing & Sanitization→AI Analysis Layer (OpenAI / Gemini / Anthropic)→Conditional Logic Engine→External Action Dispatch (Slack / Discord)
// Core Features
- ✓Zapier-inspired node-based visual workflow builder
- ✓Scalable backend architecture using Prisma ORM & PostgreSQL relational schemas
- ✓Authentication and secure credential management
- ✓Asynchronous workflow execution engine with webhook integrations
- ✓Optimized server-state caching powered by React Query
- ✓Reusable UI components built with shadcn/ui and Tailwind CSS
// Technology Stack
Frontend Application
Next.js
TypeScript
shadcn/ui
Tailwind CSS
React Query
Backend & Data Layer
tRPC
Prisma ORM
PostgreSQL
Node.js
AI & External Integrations
OpenAI API
Google Gemini
Anthropic API
Slack & Discord
// Architecture
01.Client UI: Next.js + React Query + shadcn/ui + Tailwind CSS
02.API Gateway: Type-safe tRPC Router Layer
03.Database Layer: PostgreSQL managed via Prisma ORM
04.Execution Queue: Asynchronous background job worker pipeline
05.External Services: OpenAI, Gemini, Anthropic, Slack, Discord APIs
// Engineering Focus
- Relational workflow state schema design and execution audit tracking
- End-to-end type safety between server routers and client hooks via tRPC
- Asynchronous non-blocking webhook execution and retry handling
- Complex frontend state management for node graphs
// Why I Built It
To understand how modern workflow engines like Zapier, n8n, and Make engineer resilient background executions and credential sandboxes from the ground up.