Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/ryleeharrison/react-json-mqtt-esp8266
- Owner: RyLeeHarrison
- License: mit
- Created: 2018-05-05T22:56:24.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-11-08T16:19:10.000Z (about 6 years ago)
- Last Synced: 2024-12-23T20:24:34.908Z (about 1 month ago)
- Topics: esp8266-arduino, json, mqtt, reactjs
- Language: JavaScript
- Homepage:
- Size: 129 KB
- Stars: 8
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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)