pocketix-react

A block- and form-based visual programming editor for smart home automation built for React Try it out!

Overview

pocketix-react is part of the broader Pocketix project — a visual programming language (VPL) designed for automating IoT and smart home devices. It enables users to design automation flows through drag-and-drop blocks and configurable forms, making it approachable for non-programmers.

Originally developed in collaboration with Logimic for the project Services for Water Management and Monitoring Systems in Retention Basins, the editor continues under development by Petr John and Jiří Hynek at BUT FIT.

More details available via:

• 🔗 Dexter@FIT Homepage
• 🔗 Pocketix GitHub Organization

Features

✅ Visual programming language editor for smart home automation
✅ Block-based and form-based UI for designing automation workflows
✅ Drag-and-drop interface with condition/action configuration
✅ Smart device integration and extensible architecture
✅ Supports the v1 language version

Installation

To get started with pocketix-react, you’ll need Node.js (v20 or later) and npm.

Step 1: Clone the Repository

git clone https://github.com/pocketix/pocketix-react.git  
cd pocketix-react

Step 2: Install Dependencies

npm run install:all

Step 3: Start the Development Server

npm run start:demo

This will start a local dev server. Open your browser to view the application.

Usage

The app provides a visual editor for creating and managing automation rules. Users can:

• Drag and connect visual blocks to define automation logic
• Use form-based configuration to set parameters and actions
• Integrate supported smart home devices into workflows
• Save, test, and iterate on automation flows without writing code

Related Projects

• 🔗 vpl-for-things — WIP version of new editor built in Lit compatible with Pocketix v2 language
• 🔗 pocketixng — A code-oriented Angular editor for IoT automation using the Pocketix v1 scripting language
• 🔗 Pocketix Node Interpreter — Executes automation scripts created with Pocketix tools
• 🔗 Pocketix Node Core — A simple environment for basic IoT management

Contributing

We welcome contributions! To get involved:

1. Fork the repo and create a new branch for your feature/fix
2. Follow our code style (checked via ESLint in .eslintrc.json)
3. Test your changes to ensure everything works smoothly
4. Submit a pull request with a clear summary of your work

License

This project is licensed under the MIT License.
See the LICENSE file for full details.

Roadmap

• 📦 Library distribution for embedding in other apps
• 🧪 Enhanced testing and usability improvements