Integrate React + TypeScript for AI Builder Dashboard

React + TypeScript Developer | Flowise • Monaco • SSE Dashboard

Overview

We’re hiring a React + TypeScript developer to integrate and re-brand Flowise (React Flow) and VoltAgent (Monaco Editor) into a unified AI Builder Dashboard.
The dashboard connects to our Node + Express backend using Server-Sent Events (SSE) for live updates.
This is Sprint 1 of a larger roadmap—consistent follow-on work for developers who deliver clean, production-grade code.

Scope

Integrate and re-brand Flowise + VoltAgent in Next.js + Tailwind CSS.

Build 4 modules:
• Flow Builder – React Flow canvas (4 nodes + inspector + save/load).
• Pro IDE – Monaco Editor save/run + live log streaming.
• Clinic – real-time SSE timeline + replay/export.
• MCP Panel – connector toggles + tests + PATCH state.

Implement SSE (EventSource) with reconnect logic.

Wire to live REST endpoints on our backend.

Apply unified dark/light Tailwind theme with Lucide icons (white + green accents).

Requirements

Proven React Flow / Flowise customization.

Monaco Editor embedding in React/Next.js.

SSE (EventSource) in React (not WebSockets).

Strong Next.js / TypeScript / Tailwind skills.

Clean, modular code + daily updates via GitHub.

Tech Stack

React 18 • Next.js 14 • TypeScript • Tailwind • React Flow • Monaco Editor • Node • Express • REST • SSE

Notes

One-week sprint, one milestone after QA pass.

Daily commits and short status clips required.

Successful delivery leads to follow-up sprints (Vibe, Flow, Pro, Clinic, MCP, Payments & Marketplace).