A lightweight, vanilla-JavaScript prototype for creating and reviewing multi-step workflow automation rules.
No build tools or package managers are required – everything is plain HTML, CSS, and JS.
A Stimulus (Hotwire) version of this mini-project lives on the hotwire branch. To try it:
git fetch # make sure you have the latest branches
git switch hotwire # or: git checkout hotwireThat branch includes its own README with instructions specific how to run that version of the application.
It can also be reviewed on GitHub at https://github.com/mitchellcarroll/hudu/tree/hotwire
Hudu/
├── index.html ← entry point for production build
├── src/
│ ├── index.js ← WorkflowBuilder logic
│ └── index.css ← styles
├── package.json ← npm metadata & scripts
├── vite.config.js ← Vite configuration
└── README.md
-
Download / clone the repo
git clone https://github.com/mitchellcarroll/hudu.git cd hudu -
Install dependencies & start the dev server
npm install npm run dev
This launches Vite on
http://localhost:5173(or the next free port). -
Open the classic standalone version (without Vite)
Simply double-clickindex.htmlif you prefer not to use the dev server or drag-and-drop it into your browser. Since the application is fully client-side, no server, bundler, or compiler is required.
The project uses Vitest with the JSDOM environment.
# ensure dependencies are installed
npm install
# run all tests in watch mode
npm run testThe basic test suite exercises utility functions and UI helpers.
Open the developer console and run:
localStorage.removeItem('workflowDraft');This wipes any saved progress and reloads the form from scratch.