README.md

AI Supercharged LowCode Platform CMS and Framework

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

protofyapi.mp4

🤖 Ai Assisted

main_HD.mp4

Get help and code from integrated ChatGPT with autmatic context transfer

😎 Realtime interactive diagrams that edit Javascript / Typescript code

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

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

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

protofy-getting-started.mov

First steps? Check the getting started guide.

📚 Documentation

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

• Getting Started
• Workspace, What is?
• Protofy packages
  • Protolib
• Extending Protofy

🧭 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.