Giter Site home page Giter Site logo

aliasaria / ohflow Goto Github PK

View Code? Open in Web Editor NEW
22.0 3.0 5.0 1.66 MB

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

License: GNU General Public License v3.0

HTML 1.77% JavaScript 95.16% TypeScript 1.15% CSS 1.91%
lowcode mantine-ui react-flow

ohflow's Introduction

OhFlow

Screenshot

OhFlow is a lowcode GUI to create workflows that can process objects. OhFlow heavily uses the React Flow Library to render the GUI.

For information on the concepts behind the application, read the Overview

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

graph TD
    A["React Frontend /src"] --> B["Express.JS Backend /server"]
    B --> |sequelize| C("SQL Database")
Loading

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

ohflow's People

Contributors

aliasaria avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ohflow's Issues

ideaπŸ’‘: add GPT to flow maybe interesting and powerful

I'm trying to build a low-code platform where everyone can visually use LLM(e.g. chatgpt)'s capabilities to create their own workflows or applications.
Your project has given me a lot of references, Thanks a lot!
And, maybe you can also add LLMs capability to this project.πŸͺ„

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.