https://github.com/aliasaria/ohflow

OhFlow is a lowcode GUI to create workflows that can process objects.
https://github.com/aliasaria/ohflow

lowcode mantine-ui react-flow

Last synced: about 1 month ago
JSON representation

OhFlow is a lowcode GUI to create workflows that can process objects.

• Host: GitHub
• URL: https://github.com/aliasaria/ohflow
• Owner: aliasaria
• License: gpl-3.0
• Created: 2022-11-21T22:07:10.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-26T16:03:01.000Z (3 months ago)
• Last Synced: 2025-03-30T17:02:05.963Z (2 months ago)
• Topics: lowcode, mantine-ui, react-flow
• Language: JavaScript
• Homepage:
• Size: 1.62 MB
• Stars: 22
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# OhFlow

![Screenshot](/docs/img/screenshot.png)

OhFlow is a lowcode GUI to create workflows that can process objects. OhFlow heavily uses the [React Flow](https://reactflow.dev/) Library to render the GUI.

For information on the concepts behind the application, read the [Overview](OVERVIEW.md)

If you are looking to build a GUI workflow editor (or embed one in your application), this application can be a good starting point.

OhFlow is a work in progress. If you'd like to contribute, the best way to start is to run it locally, play with it, and then work on completing sections of the application that need work.

# Quick Start:

To get started run the following:

`node ./server/app.js`

To start the (backend) webserver.

Then, in a separate window run:

`npm start`

To start the (frontend) GUI and then you can visit `http://localhost:3000` to use the app.

# Available Scripts

### `npm run build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!

# Architecture

OhFlow is designed as a React frontend that talks to a very simple Express.JS backend

```mermaid

graph TD

    A["React Frontend /src"] --> B["Express.JS Backend /server"]

    B --> |sequelize| C("SQL Database")

```

The database uses the sequelize database abstraction in Node.JS so you can point it

at most common databases including MySQL or Postgres. Out of the box it points to

a SQLite Database stored in the `/db` directory