How Can You Create Your Own First IoT Project in the Fastest and Easiest Way Possible?

by earldanielph in Circuits > Electronics

529 Views, 7 Favorites, 0 Comments

How Can You Create Your Own First IoT Project in the Fastest and Easiest Way Possible?

1.jpg
DSC09853.jpg
DSC09859.jpg
DSC09872.jpg
DSC09878.jpg

Today, I am going to teach you how to create your own first IoT project in the fastest and easiest way possible!

This is the Evtech IOT Universal Controller. This project can control up to seven electronic devices and features eight input pins to connect sensors. You can control your electronic devices using your mobile phone or your PC. I also added a feature that allows me to integrate an i2c LCD with it.

The Problem:

I remember when I started learning IoT (Internet of Things) a few years ago, I was limited in resources on how to create my first IoT project. I was only able to learn it with the help of my uncle. Today, there are plenty of good tutorials on how to create one. However, the problem is that many of those tutorials skip important details. That's why today, I have created a detailed tutorial that even a primary student can follow!

So what are we waiting for? Let's get ride into it!

VIDEO TUTORIAL:


Supplies

DSC09799.jpg
DSC09800.jpg
DSC09801.jpg
DSC09802.jpg
DSC09803.jpg
DSC09804.jpg
DSC09805.jpg
DSC09811.jpg

Let's start with the things that you will need. You'll need 14 pcs of 1 k ohm 0805 SMD resistor, 7 pieces of 5 volt relay, a Hi-Link 5 volt power supply, 16 pieces of terminal block, an ESP 32, 1 pc of ULN 2003A IC, and 2 pcs. Of A247 IC, 7 pieces of 0805 SMD diode, 7 pieces of 0805 SMD LED, the case of the project, the PCB stencil, and lastly, the PCB.

  • 1k ohm 0805 SMD resistor (14x)
  • 5 volt relay (7x)
  • Hi-Link 5 volt power supply
  • Terminal block (16x)
  • ESP 32
  • ULN 2003A IC
  • A247 IC (2x)
  • 0805 SMD diode (7x)
  • 0805 SMD LED (7x)
  • Case of the project
  • PCB stencil
  • PCB

Soldering Time!

2.jpg
3.jpg
5.jpg
6.jpg
8.jpg
9.jpg
10.jpg
11.jpg
12.jpg
13.jpg
14.jpg
15.jpg
17.jpg
18.jpg
19.jpg
20.jpg
21.jpg
22.jpg
23.jpg
24.jpg
25.jpg

We'll start by putting the stencil on top of the PCB; after that, we are going to apply a decent amount of solder paste and spread it to the place with a hole in the stencil. After doing that, it's time to remove the stencil on top of the PCB. As you can see, using the PCB stencil helps us place solder paste on a PCB board for surface mount component placement more accurately, so make sure when you order your PCB from PCBWay, make sure to get a stencil, especially when you are working with SMD components.

 

Next to that, it's time to put all the SMD components in place, starting with the A247 IC, followed by the SMD diode, LED, and resistor. Look at that! It really looks awesome! Now, using a hot air rework station, the solder paste melts and effectively sucks the component into the right position.

 

After that, it's time to solder all the THT components, starting with the ULN 2003A IC, followed by the Hi-Link 5 volt power supply, the 5 volt relay, the female header pins for the ESP32, the male pin for the ESP32, and lastly the terminal blocks.

 

And we're finally done with the hardware part! Let's go to the Blynk website!

PCBWay

57.jpg
58.jpg
59.jpg
60.jpg
61.jpg

If you are interested in the Gerber. You can find it in the GitHub file package link. You can buy 10 pieces of the board for $5 (be sure to input 10pcs. since 5pcs is set by default). I do appreciate it when you buy from my PCBway link, I use the commission to fund my other projects and tutorials, your support would be much appreciated.

GitHub Link: (https://bit.ly/3NRA8nP)

PCBWay Link: (https://bit.ly/PCBWayEvtech)

Setting Up the Blynk

26.jpg
27.jpg
28.jpg
29.jpg
30.jpg
31.jpg
32.jpg
33.jpg
34.jpg
35.jpg
36.jpg
37.jpg
38.jpg
39.jpg
40.jpg
41.jpg
42.jpg
43.jpg
44.jpg
45.jpg
46.jpg
47.jpg
48.jpg
49.jpg
50.jpg
51.jpg
52.jpg
53.jpg
54.jpg
55.jpg
56.jpg
57.jpg
58.jpg
59.jpg
60.jpg
61.jpg
62.jpg
63.jpg
64.jpg
65.jpg
66.jpg

For this project, we need a Blynk account. Go to blynk.io, click "Start Free" to sign up, enter your email, check this box, and click Sign Up." After that, you need to confirm your email by going to your email inbox, clicking the blynk and clicking create password. After that, it will direct you to a website where you can enter your password. Click next, then enter your first name, and hit done.

 

Here's the dashboard of the Blynk. The first thing that we need to do here is create a new template. In here, enter the name of your template, select the hardware as esp32, and the connection type as Wi-Fi. After that, click done.

 

The template has now been created with the name Evtech IOT. Next is to go to the datastreams, after that click new datastreams, and then click virtual pin. In here, you need to enter the name as relay1, and select the virtual pin as V1, and select the data type as integer, and after that, click create. Do the same process six more times in order to create a total of seven data streams. Make sure to set the virtual pin from V1 to V7 and the data type to integer.

 

Next step is to create a web dashboard. In here, add 7 switches from the left panel. After that, click the setting of the first switch, and then enter the name for the switch as switch 1, and select the data stream as relay 1 (V1). After that, click the save button.

 

Do the same process for the six switches, make sure to set the appropriate datastream on each switch. Now click the Save button to save the template.

 

Next is to add a device. You can add a device by clicking this button and then selecting from the template. In here, select the template that we created before, in my case, Evtech IOT, and then click the create button.


As you can see here, after I click the create button, it creates credentials, which we will put inside the Arduino code. 

Setting Up Arduino

67.jpg
68.jpg
69.jpg
70.jpg

Copy the code and paste it into the Arduino sketch file. Next, go to this line and enter your Wi-Fi credentials.

 

You can download this code by clicking the beacons link in my bio; after that, it will direct you to all my social media links, and in there you can see my github; click it and download the Evtech IOT Universal Controller code. Everything you need is in the file package. This includes the parts placement diagram, the wiring diagram, the Gerber files, the PCB layout, and the Arduino code.


GitHub Link: (https://bit.ly/3NRA8nP)

 

Now, click the upload button to upload the Arduino code to the ESP32 board. Once done, open the serial monitor to check the ESP32 connection status.

Setting Up Blynk App Dashboard

71.jpg
72.jpg
73.jpg
74.jpg
75.jpg
76.jpg
77.jpg
78.jpg
79.jpg
80.jpg
81.jpg
82.jpg
83.jpg
84.jpg
85.jpg
86.jpg
87.jpg

Next step is to install the Blynk app on your mobile phone to create a mobile dashboard. Search for Blynk 2.0 from the Play Store, and then install the Blynk IOT app. After the installation is complete, open the Blynk app. Here, log in with the same email that you used to create your account. Next, select the device that you created. Now, click this button to start adding widgets. After that, add 7 buttons here to control the 7 relays. Tap the first button, and then select datastream as relay1 (V1). Change the button mode to switch. Do the same process six more times and configure it from V2 to V7.

 

And there you have it! We have successfully configured the Blynk app dashboard!

Wire Them Up!

Wiring Diagram.jpg

The last thing that we need to do is connect the electronic devices, which in my case are two bulbs, to test this project.

Enjoy!

1.jpg
88.jpg
89.jpg
90.jpg
91.jpg
92.jpg

As you can see in the video/ picture, I can control the bulb using my mobile phone, and if there's no internet connection, you can manually control your electronic devices using a switch.

 

And that's how you make an Evtech IOT - Universal Controller.

 

And as always, keep learning and have fun! Byiee!