Apppublic

hemanthgadepalli/flowchart-maker

sourceHugging Faceupdated 3mo agoView on Hugging Face

0likes

App README

Flowchart Maker

Describe a process in plain text, generate a flowchart with AI, then drag, connect, and edit nodes directly on the canvas. Save and reload flowcharts from persistent storage.

Stack

—React 18 + TypeScript + Vite, @xyflow/react for the canvas, Tailwind CSS for styling
—Express server (serves the built frontend + JSON API)
—AI generation via the Hugging Face Inference router (HF_TOKEN secret, HF_MODEL optional override)
—Flowcharts persisted as JSON under DATA_DIR (defaults to /data if mounted, else ./.persist)

Local development

bash

npm install
npm run dev      # Vite dev server on :5173, proxies /api to :7860
npm run start    # in another terminal: Express API on :7860

Environment variables

Variable	Required	Description
`HF_TOKEN`	yes	Hugging Face token used for AI generation
`HF_MODEL`	no	Override the default chat model
`DATA_DIR`	no	Override the persistence directory
`JWT_SECRET`	no	Override the auto-generated session signing secret

Authentication & roles

The app requires sign-in. A default super admin account is seeded on first boot:

—Username: raja
—Password: chair

Roles:

—Super admin — full access, plus user management (create/delete accounts), activity logs, and visibility into flowcharts created by every user.
—Member — full editor access (generate, edit, save, export, templates), scoped to their own flowcharts.

Change the default password (or create new accounts) via the Admin panel after signing in.