How to control RGB LED wirelessly using ESP8266 WiFi web interface

About:

In this project we are going to control 1 watt RGB full color LED diode using WiFi module ESP8266-01. You can use any WiFi enabled device to access web interface to control this RGB LED. Watch video at the bottom of this page.




Things you will need: 

  • 1W RGB LED
  • ESP-01  WiFi module
  • 10Ω Resistance
  • ASM1117 3.3v  (or any 3.3v voltage source)
  • USB to TTL converter (for programming esp-01)
  • Momentary push button (optional)
  • Android / Apple / Windows  Phone or any WiFi enabled Laptop / Desktop (to control RGB LED)

Circuit Diagram for programming ESP-01 : 

esp-01_circuit

Steps :

    1. Connect the circuit on breadboard as shown in above circuit diagram for programming ESP-01 WiFi module. You must use only 3.3v logic setting in TTL device.
    2. In this tutorial we will used Arduino IDE to download code into ESP module. So, install Arduino IDE and add supporting board manager and ESP library into it. (Download links are given in download section)



  1. Download and save source code on your computer and open it up using Arduino IDE.
  2. Connect USB to TTL module to your computer.
  3. Open Arduino IDE – Select board ‘Generic ESP8266 Module’ – Select Port of your TTL device (Here’s How to)
  4. Open downloaded code.ino file into arduino and upload the code into ESP module by pressing upload button.
  5. After uploading, Disconnect the ESP module from USB-TTL module and connect it to RGB LED as shown in bellow diagram.

Circuit Diagram for connecting RGB LED:

Steps: 

    1. Connect the final circuit as shown in above diagram and power it up using 5v battery or wall adapter.
    2. ESP module will boot up and LED light will show fade effect in all three colors at startup.



  1. Then open your device WiFi in discovery mode and you will see a new WiFi access point, named as RGB in discovery list.
  2. Connect that WiFi access point, Open any web browser in that device and open ip address 192.168.1.1 , thats it, you will see a colorful RGB control screen to control your wireless RGB LED.
        Note: Do not feed more than 3.3v to ESP-01 module

Source Code : 

 





Downloads:

  1. Code.ino
  2. Arduino IDE
  3. ESP8266 Board link for IDE board manager
  4. ESP8266 Arduino Library

 

8 Comments

  • Jesus

    (April 3, 2018 - 5:18 am)

    Wow, awesome blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your site is wonderful,
    let alone the content!

    • psadminetechpath

      (April 4, 2018 - 4:33 am)

      Thank You, Actually this layout is copy of a WordPress theme named ‘bfastmag’. i have just made some changes in it.

  • Loyd

    (April 4, 2018 - 5:13 pm)

    Oh my goodness! Awesome article dude! Thank you, However I am
    going through troubles with your RSS. I don’t understand why
    I am unable to join it. Is there anyone else getting similar
    RSS issues? Anyone who knows the answer can you kindly respond?
    Thanx!!

  • contract mobile phones

    (April 5, 2018 - 12:18 pm)

    I consider something really special in this website.

  • web page

    (May 10, 2018 - 1:46 am)

    I alll the time ᥙsed to гead post in news papers but
    now аs I ɑm a user off web ѕo from now I amm սsing net
    for articles oг reviews, thanhks tοo web.

  • Google

    (May 13, 2018 - 9:36 pm)

    Google

    Always a huge fan of linking to bloggers that I love but do not get lots of link adore from.

  • Freddy Mcgunagle

    (August 3, 2018 - 10:12 pm)

    This is great post. Thank you for sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *