Introduction: DIY ESP DASH BUTTON | Open-Source IoT Dash Button With IFTTT

By Maker 101
About: Maker 101; Beginner and intermediate level Maker projects! You can find projects such as "How to" and "DIY" on programmable boards such as Arduino, ESP8266, ESP32 and Raspberry Pi on this channel. The projects…

In this project we will build an ESP Wi-Fi Button that can trigger any home automation event. This is like a remote control that you can take in your pocket or place anywhere that when pressed sends out an email. The Wi-Fi button is not a new idea. Dash button is a small button that instantly orders a product to your home. Since the ESP boards are so inexpensive, we can make a similar project that works like the Dash button.

Instead of ordering a product we can turn on a light, share a post on Instagram, Twitter and Facebook, trigger an email notification and much more, as you’re going to see by the end of this project.

Step 1: DIY ESP WiFi Dash Button Video Tutorial

See how it works! You can see all the steps of this project in this video.

Video Link - https://youtu.be/v9rtv5yPHh4

Step 2: Required Component & Hardware

Required Components:

Resistor 12K - http://bit.ly/2Xl5o35

Resistor 470R - http://bit.ly/2JPSffr

Resistor 1K - http://bit.ly/2JPSffr

Resistor 330R - http://bit.ly/2JPSffr

Resistor 10K - http://bit.ly/2JPSffr

Resistor 1.2K - http://bit.ly/2JPSffr

Capacitors Tantalum - http://bit.ly/2JPSffr

Capacitors 100nF - http://bit.ly/2JPSffr

Capacitors 10uF - http://bit.ly/2JPSffr

Diode SS14 - http://bit.ly/2JPSffr

LED Red - http://bit.ly/2JPSffr

LED Green - http://bit.ly/2JPSffr

LED RGB - http://bit.ly/2JPSffr

Transistor S8050 - http://bit.ly/2JPSffr

CP210X - http://bit.ly/2JPSffr

TP4056 - http://bit.ly/2JPSffr

ESP-12E - http://bit.ly/2JPSffr

NCP1117ST33T3G - http://bit.ly/2JPSffr

Connector - http://bit.ly/2JPSffr

Other Required Hardware:
MUSTOOL G700 HD 1080P Microscope - http://bit.ly/2WbYlZv

YIHUA 995D Soldering Station - http://bit.ly/312k7ST

3.7V 1100mAH LiPo - http://bit.ly/312k7ST

HoldPeak SMD Tester - http://bit.ly/312k7ST

DANIU Hot Air Gun - http://bit.ly/312k7ST

DANIU SMD Inductor - http://bit.ly/312k7ST

USB Connector Kit - http://bit.ly/312k7ST

Excellway Terminals Kit - http://bit.ly/312k7ST

Slide Switch - http://bit.ly/312k7ST

Tactile Push Button - http://bit.ly/312k7ST

SMD Pick Up Vacuum - http://bit.ly/312k7ST

Solder Flux Paste - http://bit.ly/312k7ST

Solder Paste Cream - http://bit.ly/312k7ST

Step 3: Download Gerber File & Order PCB

We have built "Arduino Project Board" before. You remember we have ordered our PCB from PCBWay. In this project, we have choosen PCBWay. They become the sponsor of his project. PCBWay is the only way to make this project happen a very low cost and high quality. We also used SMD components. So we ordered double-side stencil.

$0 For New members first order & Low Price for PCB Stencil at https://www.pcbway.com/

PCBWay Celebrating 5th Anniversary | FREE gifts are waiting for you - http://bit.ly/2Z5knPj

I CAN SOLDER KIT Win Up To $800 + in prizes - http://bit.ly/2Z5knPj

ESP Dash Button PCB Files - http://bit.ly/2ELyf9O

Step 4: IFTTT - If This Than That

For this project we’re going to use a free service called IFTTT that stands for If This Than That. This service is used to automate a wide variety of tasks online. In this case, we will send an email, facebook and twitter post when the ESP pushbutton is pressed.

Type in your browser https://ifttt.com and click the “Get started” button in the middle of the page. Complete the form with your details and create your account.

In the wesite, Open the “My Applets” tab, press the create “New Applet” button.

Click the “This” word and search for the “Webhooks” service.

You need to type in the event name button_pressed. With the Webhooks service you can trigger an action when you make an HTTP request to a specific URL.

Now press the “That” word and search for the Gmail service or any other services like facebook, twitter and instagram.

If it’s the first time using the Gmail service with IFTTT, a new window opens and you’ll have to grant access, so IFTTT can send out emails through your account.

Choose the “Send email” option and enter the email address in the “To address” field where you want to receive your notification.

You can customize the subject and body of the email. Finally press the “Create action” button.

You should have your Applet created after clicking “Finish”

Open the “Search” tab, find the Webhooks service and open it. Go to the “Documentation” tab.

Here you can find your API KEY that you must keep private. Type in the event name, button_pressed. Your final URL should appear in the bottom of the web page. Copy that URL.

Save your unique URL, because you’ll need it later in this project.

Step 5: Source Code

Here’s the code that you need to upload to your ESP board. You need to change a few variables: SSID, password, API Key and Event Name.

In this project, we use Wifi-Manager library. WiFiManager allows you to connect your ESP8266 to different Access Points (AP) without having to hard-code and upload new code to your board.

Additionally, you can also add custom parameters and manage multiple SSID connections with the WiFiManager library.

ESP Dash Button Source Code - http://bit.ly/2WeWibI