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

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

Supplies

• Durian UNO ESP8266 IoT Starter Kit
• Blynk app installed on your phone
• Arduino IDE installed on your PC / laptop

Step 1: Connect the LED Light and the Fan to the Board

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)

Step 2: Download / Setting Up Arduino IDE and the Code

• 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 :)

Step 3: Setting Up Blynk on Your PC

• 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.

Step 4: Setting Up Blynk on Your Phone

• 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

Step 5: Finishing the Project

• 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!