A Remote LED Light With Durian UNO ESP8266 IoT Starter Kit and Blynk

by Rhinarium in Workshop > Home Improvement

474 Views, 4 Favorites, 0 Comments

A Remote LED Light With Durian UNO ESP8266 IoT Starter Kit and Blynk

1iPRjEdK1676611021.jpg

This is a step by step tutorial on how to make a Remote LED Light With ESP32 and Blynk

Supplies

119525085-e464a300-bd86-11eb-84dc-a4f3de0f7ec9.png
1iPRjEdK1676611021.jpg
  • Durian UNO ESP8266 IoT Starter Kit
  • Blynk app installed on your phone
  • Arduino IDE installed on your PC / laptop

Connect the LED Light and the Fan to the Board

IMG_5651.jpg

Connect the led light and the fan to the board, make sure to check the colour of the wire.

(Unscrew the screws with a screwdriver before connecting the wires and make sure to tighten the screws after connecting all the wires)

Download / Setting Up Arduino IDE and the Code

Screenshot 2023-09-05 at 12.10.50 PM.png
  • Download Arduino IDE from this offical website
  • Download the code from this website
  • Unzip the file, select DurianUno_Module_5_Smart_Home
  • Copy the code to the arduino IDE
  • On the arduino IDE, go to [Sketch] → [Include Library] → [Manage Libraries...]
  • Search 'mybotic' and download the newest version
  • Connect the board to your laptop with a type c usb cable.
  • Next, go to [Tools] → [Board:] → [Arduino AVR Boards] → [Arduino Uno]
  • Then, Go to [Tools] → [Port] →select the port you want to use

Good job, now you have set up all the things for Arduino IDE :)

Setting Up Blynk on Your PC

Screenshot 2023-09-05 at 12.22.03 PM.png
Screenshot 2023-09-05 at 12.25.09 PM.png
Screenshot 2023-09-05 at 12.28.59 PM.png
Screenshot 2023-09-15 at 10.44.57 AM.png
Screenshot 2023-09-15 at 10.44.50 AM.png
Screenshot 2023-09-15 at 10.44.46 AM.png
Screenshot 2023-09-15 at 10.44.42 AM.png
Screenshot 2023-09-05 at 12.33.45 PM.png
Screenshot 2023-09-05 at 12.36.54 PM.png
Screenshot 2023-09-05 at 12.35.50 PM.png
Screenshot 2023-09-05 at 12.34.47 PM.png
  • Create an account at http://blynk.cloud
  • Go to the main menu, click + New Template
  • Enter the details for the template
  • Now, create 4 virtual datastreams using the data on pic 3 - 7, MAKE SURE YOU ENTERED THE EXACT DATA!!! (The colour doesnt matter)
  • Now go to the main menu and click the magnifier on the left. Click add device . Then, click the Template and select Module 5.
  • You should now have auth token, template id and template name, copy those.
  • Go back to the arduino code, replace the placeholder code with your own auth tokens.
  • Scroll down a bit, find the code where requires you to enter your wifi credentials. Delete the placeholder code and enter your own.
  • Upload your code.

Setting Up Blynk on Your Phone

IMG_5731.PNG
IMG_5732.PNG
IMG_5733.PNG
IMG_5734.PNG
Screenshot 2023-09-12 at 12.07.00 PM.png
Screenshot 2023-09-12 at 12.06.48 PM.png
Screenshot 2023-09-12 at 12.06.54 PM.png
Screenshot 2023-09-12 at 12.07.05 PM.png
IMG_5735.PNG
  • When you open up the blynk app, if you had logged in to your account, you should have your device on the main menu
  • When you click it, it should be empty, press the wrench at the top right
  • Add 2 buttons and 2 sliders
  • Configure the buttons and slides according to Pic 5 - 8
  • Now your screen should looks like pic 9

Finishing the Project

Screenshot 2023-09-12 at 12.16.42 PM.png
Screenshot 2023-09-19 at 12.08.09 PM.png
happy.png
  • Now go back to arduino, go [Tools] --> [Serial monitor], the serial monitor should looks like pic 1 after you uploaded the code.
  • Now open the Blynk app on your phone, try pressing the button, everything should work as intended.
  • Good job, u have finished this project!