(DIY) How to Make ESP8266 Ultra Mini & Simple Relay Home Automation Board

by Ayush Sharma in Circuits > Microcontrollers

18334 Views, 132 Favorites, 0 Comments

(DIY) How to Make ESP8266 Ultra Mini & Simple Relay Home Automation Board

IMG_5548.JPG
IMG_5546.JPG
IMG_5547.JPG

Hello EveryBody,

Today i will Let you know , How to make an Mini Esp 12 Wifi Relay Board measuring only 3.9cm x 3.9 cm!

This Board has some very Cool Features which every Tech Lover will Love to Have.

I have Included all files in next Steps.

This Boards Packs with

  • WPA2 Encryption
  • A Flat Design User Interface ( Shown in Picture Above )
  • Fast Control
  • Temperature ( Code for Temperature Support will be coming in few weeks.)
  • USB Powered
  • Update the Board from Computer with one Click ( Updated Firmware will be Provided by me on bubblesaqua.com)
  • This Board features an Amazing feature too, It will remember you last switch State! This means if there is an Power Cut then this Board will come back to it's Previous State which was before power cut.
  • This Board also Includes an Picture or Video Guide on Board.

These many Features for $14 is amazing + you get an range of 10-20Meters ( Indoor , 18 < fair - poor connection) and Out door will be even More! This Module is still in Final Software Prototypes , Just like last version but in here i have posted an Stable code for all of you. leaving the temperature sensing feature, All other Features are Included.

Interface ScreenShots

interface1.PNG
interface2.PNG
interface3.PNG

I have Taken these Screen Shot for your Personal Point of View , You will surely like the way i designed the Webpages according to trending Flat Design Websites! :) Tutorial Starts from next Step.

Get Materials

IMG_5515.JPG
IMG_5507.JPG
IMG_5538.JPG
IMG_5541.JPG

You can Buy a Kit from my Official Website : bubblesaqua.com

or you may Source your Parts Yourself.

Anyways List is Here:

1x Relay (5v)

1x ESP-12E/F/Q

1x BC814 (sot-23)

1x M7 SMD Diode

1x Micro USB Connector

1x 0805 SMD Green LED

5x 12Kohm 0805 Resistors

2x 0805 0.1uf Capactor

1x AMS1117 Regulator

1x 4.7KOhm 0805 Resistor

2x 150Ohm 0805 Resistor

Arduino Code

ArduinoCommunityLogo.png

First of all Download All the Files Necessary.

I made this in Arduino IDE 1.6.7 : Link to Download : Click Here

Now Download ESP8266 Arduino Library + Boards : Click Here

Go There & Follow Instructions there on how to install this library + boards.

After this, Download this File System Tool for ESP8266 by which you would be able to upload html and other files to ESP8266 File System - Click Here

Now Get My Code + PCB at Github - Click Here

[ Code is Shared Under General Public License. and Author or anyother Organization's Software Included in this code will not have any Responsibility of Damage / Law Violation. Under Any Circumstances, We are not held to liable. Use this Code Under your Own Risk. ]

Now Soldering! : Start by Micro USB

IMG_5509.JPG

Solder Micro-USB on PCB.

Solder: ESP12F

IMG_5514.JPG
IMG_5517.JPG

I Had ESP-12F . So, I soldered this.

After this I Programmed ESP-12f By Soldering Jumper wires to Required programming pins and Programmed it through my Cp2102 Module.

You can Find many info on Internet on How to Program ESP12. Ask your Google Uncle! :D

Solder: BC814

IMG_5519.JPG
IMG_5518.JPG

Solder BC814 SMD Transistor.

Solder: M7 Diode

IMG_5521.JPG
IMG_5520.JPG

Now, Solder M7 Diode as Shown in Pic. Make sure of the Mark. Lines Like this '||' on diode should be hole facing.

Leave These Points

IMG_5522.JPG

These Points were Intended for Status LED but didn't worked like i wanted. so, leave these points Un-Soldered.

Solder: 12KOhm Resistors

IMG_5523.JPG
IMG_5524.JPG

Solder 12KOhm Resistors at R1, R2, R3 ,R4, R8

Solder: 0.1uf SMD Capacitor

IMG_5529.JPG
IMG_5530.JPG
IMG_5531.JPG

Solder Capacitors at C1, C2

Solder: 150Ohm Resistors

IMG_5532.JPG
IMG_5533.JPG
IMG_5536.JPG

Solder 150Ohm Resistors at R6, R9

Solder: 0805 Green LED

IMG_5534.JPG

Solder Green LED at 'Power'

Solder: Regulator 1117

IMG_5535.JPG

Solder Regulator at 'REG'

See photo for my Personal Comment.

Solder: 5v Relay

IMG_5539.JPG

Now , Solder 5v Relay

Solder: 3 Pin Screw Terminal

IMG_5544.JPG

Solder: 3 Pin Screw Terminal for ReUsage , Whenever you want to detach wire, unscrew it ;)

Done!

IMG_5548.JPG
IMG_5540.JPG
IMG_5545.JPG

Done! , Now Enjoy your Wi-Fi Module and Help Yourself with Laziness ;)

Don't Forget to Support me and Vote me in 101 Digital Contest :)

Now, How to Start Playing With It?

interface1.PNG
interface2.PNG
interface3.PNG

Very Simple!

1) Power this Up

2) Connect it's Wifi Hotspot to your Phone /PC / Laptop. ( ID : Bubbles Aqua )(Password: fishes123)

3) Open any Browser

4) Open "192.168.4.1" in URL Section

5) A Cool webpage will be opened where you will get many Options

6) Click on Switch Tab

7) A New Webpage will open where you can control your board with a tap/click!

( It will Also Show it's Current State ie. ON or OFF )

Enjoy !