Change RGB LED connected to ESP12E from Web Page using knob

Change RGB LED connected to ESP12E from Web Page using knob
Featured

Change RGB LED connected to ESP12E from Web Page using knob

Introduction

Change RGB LED connected to ESP12E from Web Page using knob jquery library. Along with the source code, I have also provided instructions to make and use the project. We will be sending a "GET" request from our custom webpage which will have 3 knobs for sending Red, Green and blue values. The ESP12E NodeMCU will receive the data and set the color of RGB LED depending upon the Red, Green and Blue values. We will be using "Groove RGB chainable LED V1.0" as our RGB LED. Its excellent reliable and easy to use.

You will need following bill of material for this experiment:

  • Half Size Breadboard - 2
  • ESP12E (Node MCU) Development Board- 1
  • Micro USB Cable - 1
  • Groove RGB chainable LED V1.0- 1

If you don't have the components, you can buy it from the below links (Most of the general components like LED and wire, you can easily get from local market. I am just listing out the important and specific components).

For USA :

Groove RGB Chainable LED V1.0 :Grove - Chainable RGB LED (V1.0)
Half Size Breadboard :Solderless Breadboard with 400 Tie-Point (White)
Micro USB Cable : Universal Micro USB Flat Data Cable -Rock Original-Grey
ESP12E Node MCU development Board : ESP12E Node MCU development Board

For India :

Groove RGB Chainable LED V1.0 : Unfortunately, I cannot find it on amazon.in, but you can buy it here
Half Size Breadboard :Solderless Breadboard with 400 Tie-Point (White)
Micro USB Cable : Universal Micro USB Flat Data Cable -Rock Original-Grey
ESP12E Node MCU development Board : ESP12E Node MCU development Board

Click on any of the below lessons to start.

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,