Git Product home page Git Product logo

react-json-mqtt-esp8266's Introduction

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

Hardwere

Documentation

Installation

npm packages

$ cd react_app
$ npm install
$ npm start

Open the arduino sketch (Arduino IDE)

Arduino libraries

You will need to install the following Arduino libraries.

react-json-mqtt-esp8266's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

sghosh28

react-json-mqtt-esp8266's Issues

Arduino compilling error.

When i try to run arduino_esp8266.ino code i am facing following error.

Arduino: 1.8.19 (Windows 10), Board: "NodeMCU 1.0 (ESP-12E Module), 80 MHz, 115200, 4M (3M SPIFFS)
In file included from C:\Users\HP\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\2.3.0\cores\esp8266/Arduino.h:243:0,
from sketch\mqtt.ino.cpp:1:
C:\Users\HP\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\2.3.0\cores\esp8266/pgmspace.h:21:51: error: __c causes a section type conflict with factors

#define PSTR(s) (extension({static const char __c[] PROGMEM = (s); &__c[0];}))

C:\Users\HP\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\2.3.0\cores\esp8266/WString.h:38:76: note: in definition of macro 'FPSTR'

#define FPSTR(pstr_pointer) (reinterpret_cast<const __FlashStringHelper *>(pstr_pointer)) C:\Users\HP\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\2.3.0\cores\esp8266/WString.h:39:34: note: in expansion of macro 'PSTR'

#define F(string_literal) (FPSTR(PSTR(string_literal)))
C:\Users\HP\Documents\Arduino\mqtt\mqtt.ino:69:18: note: in expansion of macro 'F'

 Serial.print(F("deserializeJson() failed: "));

              ^

In file included from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Numbers/FloatTraits.hpp:14:0,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Numbers/FloatParts.hpp:8,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Json/TextFormatter.hpp:11,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Json/JsonSerializer.hpp:7,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Variant/ConverterImpl.hpp:7,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson.hpp:37,

             from C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson.h:9,

             from C:\Users\HP\Documents\Arduino\mqtt\mqtt.ino:11:

C:\Users\HP\Documents\Arduino\libraries\ArduinoJson\src/ArduinoJson/Numbers/FloatTraits.hpp:89:5: note: 'factors' was declared here

Multiple libraries were found for "ArduinoJson.h"

 ARDUINOJSON_DEFINE_STATIC_ARRAY(  //

Used: C:\Users\HP\Documents\Arduino\libraries\ArduinoJson

 ^

Not used: C:\Users\HP\Documents\Arduino\libraries\ArduinoJson-6.19.4

Not used: C:\Users\HP\Documents\Arduino\libraries\ArduinoJson-6.x

Not used: C:\Users\HP\Documents\Arduino\libraries\ArduinoJson-6.8.0-beta

exit status 1

Error compiling for board NodeMCU 1.0 (ESP-12E Module).

Please help me to solve this issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.