Protofy

Protofy

AI Supercharged LowCode Platform CMS and Framework πŸš€πŸš€

Stars: 227

Visit
 screenshot

Protofy is a full-stack, batteries-included low-code enabled web/app and IoT system with an API system and real-time messaging. It is based on Protofy (protoflow + visualui + protolib + protodevices) + Expo + Next.js + Tamagui + Solito + Express + Aedes + Redbird + Many other amazing packages. Protofy can be used to fast prototype Apps, webs, IoT systems, automations, or APIs. It is a ultra-extensible CMS with supercharged capabilities, mobile support, and IoT support (esp32 thanks to esphome).

README:

AI Supercharged LowCode Platform CMS and Framework

visual-ui-gif

Protofy is a Full-Stack, batteries included Low-Code enabled web/app and IoT system with an API system and real time messaging.

You can use this as a base to fast prototype Apps, webs, IoT systems, automations or APIs. Based on: Protofy (protoflow + visualui + protolib + protodevices) + Expo + Next.js + Tamagui + Solito + Express + Aedes + Many other amazing packages

You can think of Protofy as a Wordpress but based in react and javascript and some features from supabase, plus visual widget editors to edit source code inside the admin panel itself and a a visual editor for react pages (wysiwyg).

A ultra-extensible CMS with supercharged capabilities, mobile support and IoT support (esp32 thanks to esphome).

Check the getting started guide to run Protofy on your computer, directly with npm or using docker.

πŸ‘¨β€πŸ’» Extentable and developer friendly CMS

https://github.com/Protofy-xyz/Protofy/assets/5052882/e5c3f0fa-5b76-4c8e-bb4f-6a2c588ec53c

πŸ€– Ai Assisted

https://github.com/Protofy-xyz/Protofy/assets/5052882/4b7da628-a55e-4904-81c3-6aca23eb776d

Get help and code from integrated ChatGPT with autmatic context transfer

😎 Realtime interactive diagrams that edit Javascript / Typescript code

codeedit

Edit any Javascript or typescript code using visual programming or traditional code

🧰 Connected devices (IoT) support for ESP32 based on ESPHome

devices-package

Program, deploy and manage connected devices and IoT networks visually, in minutes.

πŸ“¦ Included packages

  • Protoflow LowCode interactive diagram system for Javascript and Typescript
  • VisualUI What you see is what you get (wysiwyg) for react, like FlutterFlow but for react
  • Protolib Protofy Framework on top of react, express and tamagui
  • Express API system based on NodeJS (With automatic CRUD creation)
  • Aedes mqtt server
  • Tamagui πŸͺ„
  • Solito for cross-platform navigation
  • Expo SDK
  • Next.js
  • Expo Router
  • Many more things!

πŸ—‚οΈ Folder layout

The project has two main folders:

  • apps

    • expo (native)
    • next (web)
    • api (express API to create the web or app)
    • admin-api (express API with the admin API)
  • packages shared packages across apps

    • ui includes your custom UI kit that will be optimized by Tamagui
    • app you'll be importing most files from app/
      • bundles
        • custom the custom bundle, put here your custom pages, components, apis, etc. The admin panel reads and writes on this bundle.
    • protolib Protofy react library with high level widgets and functions to bootstrap the web/app creation
    • protoflow Protofy react library to draw js/ts/jsx/tsx as diagrams
    • visualui Protofy react library to do WYSIWYG in react
    • protodevice Protofy integration with ESPHome for IoT and device management

You can add other folders inside of packages/ if you know what you're doing and have a good reason to.

πŸš€ Getting Started

https://github.com/Protofy-xyz/Protofy/assets/99766455/930e5eb5-abab-4956-8ae2-31f0c284aa31

First steps? Check the getting started guide.

πŸ“š Documentation

You already know the basics? Check these amazing docs to learn more:

🧭 Roadmap

Comming soon...

πŸ“œ License

Check out the LICENSE file for details.

πŸ™Œ Contributing and Community

We would love to develop Protofy together with our community! Best way to get started is to select any issue. If you would like to contribute, please review our Contributing Guide for all relevant details.

πŸ†˜ Getting Help

The first point of call should be our Discord. Ask your questions about bugs or specific use cases, and someone from the core team will respond. Or, if you prefer, open an issue on our GitHub repo.

πŸ™ Credits and References

Many thanks @natew for creating the original starter and to @FernandoTheRojo for the Solito starter monorepo which the original @natew starter was forked from. Check out Fernando Rojo his talk about using expo + next together at Next.js Conf 2021.

Many thanks also to @OttoWinter for creating ESPHome project. We want also to thank Choly Knight for being our main inspiration creating Protofito concept based on her Robot Plush desing.

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for Protofy

Similar Open Source Tools

For similar tasks

For similar jobs