ESP Wizard

Context

The ESP Controller App is a mobile application that allows you to control your ESP devices from your smartphone or tablet. With this app, you can easily connect to your ESP devices and send commands to them, such as turning on or off an LED, Motors, changing the color of an RGB light, or reading sensor data.

Features

• Intuitive interface for controlling ESP devices
• Connects to multiple ESP devices using Wi-Fi
• Supports multiple TCP clients for simultaneous yet independent device control
• Sends commands to ESP devices via TCP sockets
• Displays sensor data from ESP devices in real-time
• Customizable controller buttons and controls, allowing users to create their own control layouts
• Independent control for each connected ESP device

Getting Started

• Connect your ESP device to a Wi-Fi network and obtain its IP address.
• Install the ESP Controller App.
• Open the app and tap the "search" button to discover and add a new device.
• Tap "Modes" to select control modes or customize your control interface.
• Open the control interface for a specific device.
• Use the customizable interface to send commands to the ESP device.

Troubleshooting

If you are unable to discover the ESP devices on the network, you may need to check the following:

• Ensure that the ESP devices are connected to the same Wi-Fi network as your mobile device.
• Check that the ESP devices are powered on and connected to the network.
• Verify that the broadcast IP address used in the app matches the network configuration of your Wi-Fi network.

Steps to run it

Step 1: Clone the repository Firstly, you will need to clone the repository that contains the React Native project onto your local machine. You can do this by running the following command in your terminal:

   git clone <repository URL>

Step 2: Install dependencies Once you have cloned the repository, navigate to the project directory and install the required dependencies by running the following command:

   npm install

Step 3: Run the project After the installation of dependencies is completed, you can start the project by running the following command:

   npm start

Step 4: Run the app on an emulator or a physical device To run the app on an emulator, open a new terminal window, navigate to the project directory, and run the following command:

   npx react-native run-android