Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ryleeharrison/react-json-mqtt-esp8266

Using React.js to control the brightness of the ESP8266 onboard led, in this case, with JSON over MQTT
https://github.com/ryleeharrison/react-json-mqtt-esp8266

esp8266-arduino json mqtt reactjs

Last synced: about 6 hours ago
JSON representation

Using React.js to control the brightness of the ESP8266 onboard led, in this case, with JSON over MQTT

Awesome Lists containing this project

README

        

# React JSON MQTT Potentiometer
Using React.js to control the brightness of the ESP8266 onboard led,
in this case, with JSON over MQTT.

![Browser Slider](/screenshot.png?raw=true)

## Hardwere
- WIFI Development Board [ESP8266 ESP-12E](https://www.banggood.com/Geekcreit-Doit-NodeMcu-Lua-ESP8266-ESP-12E-WIFI-Development-Board-p-985891.html?rmmds=search&cur_warehouse=USA)

## Documentation

- React documentation [on the website](https://reactjs.org/docs).
- ArduinoJson documentation [on the website](https://arduinojson.org/doc).
- PubSubClient documentation [on the website](https://pubsubclient.knolleary.net/api.html).

## Installation
npm packages
```
$ cd react_app
$ npm install
$ npm start
```
Open the arduino sketch ([Arduino IDE](https://www.arduino.cc/en/Main/Software))

## Arduino libraries
You will need to install the following Arduino libraries.
* [ArduinoJson](https://arduinojson.org/doc/installation)
* [PubSubClient](https://github.com/knolleary/pubsubclient)