Push Thru Build Guide
The Push-Thru button is our first Pantri connected ‘build at home’ device.
This build guide will take you through the process of soldering, assembling and coding your Push-Thru button, and get it ready to connect to your Pantri account.
Push-Thru makes use of ‘thru hole’ components as does require a little bit of soldering. If you are a little rusty, or just want to know some top tips for soldering, check out our Soldering Guide.
What you need:
Push-Thru Button Kit
Adafruit Huzzah ESP8266
3.7v Lipo Battery
Tools & Equipment:
Soldering Iron & Solder
Breadboard / Helpy Hands
Our Push-Thru board has been designed for makers new to soldering and coding, and more the experienced alike. This guide will take you through the processes step by step. To keep this as concise as possible, we have linked to other guides and resources where necessary. We have included a few cheat sheets too, so if you fancy going off piste…you can do!
All components should be soldered onto the side with the outlines and component names… it means the side with the board name is all shiny and lovely when you’ve finished!
Part A - Soldering your Push-Thru button
We are going to start off with the resistor components first. If you haven’t soldered for a while the resistors are the more rugged components to get started with (they wont overheat or get damaged as easily while you’re getting back into the soldering swing!)
The Push-Thru button uses 4 resistors, each with different values. 2 resistors are ‘4 band’ value, and 2 are ‘5 band value’. We have put together a helpful guide for reading resistor values just here. If you just want to get on with it, you can use the photos as a reference instead.
These resistors can be inserted into the board in either direction, but do need to be in the correct places for the board to work.
We are going to solder the resistors in order from top to bottom, this way its easier to solder the joints without having to navigate around components.
Now to solder the remaining resistors…
Now we have the resistors in place, its time to add the larger components! First up… the Tactile button!
Cool, now we have the switch and resistors in place…next up… the buzzer!
Now for the trickiest component… the RGB LED. This component will give us a visual cue to the state of the Push-Thru (if it is struggling to connect to WiFi, if it has been pressed etc.) The joints are REALLY close together on this part, so be careful with your soldering… we know you have been already… but its worth mentioning!
If you look the the top of the component you will see the LED has a flat side to it. This indicates the negative, the Push-Thru board shows this on the LED outline (the negative is the side closest to the resistors!)
You may find it best to gently spread the legs of the led, so that when you push it through the board, it fits as close as it can to the surface of the board. It won’t go completely flush, but should stand about 1-2mm from the surface.
Great stuff! Now all the main components are soldered, we have one last set of parts to add… the headers. These will allow the Push-Thru board to connect to the Adafruit Huzzah ESP8266.
Lastly… you need to add the cap to the button
Congratulations, you have soldered up your Push-Thru button. Now we need to assemble the Adafruit Huzzah, and combine the two boards ready for coding….let’s go!
Part B - Soldering your Adafruit Huzzah ESP8266
Now you have the hang of this soldering me-larky, lets get the Adafruit Huzzah ESP8266 assembled!
Now that we have both the Push-Thru and the Adafruit Huzzah ESP8266 assembled and complete, we need to combine the boards!
Part C - Combining the Push-Thru & Adafruit ESP8266
You are now all set to code your Push-Thru button. Head over to our coding guide for step by step instructions…