ESP8266 Temperature and Humidity Web Server - Experiment [Part 1]

Not the Raspberry Pi Experiment as promised - But a Learning Experience!  [Part 1]

Since I just received a couple of ESP8266s I wanted to play with them right away.

This project leapt out at me: 

https://learn.adafruit.com/esp8266-temperature-slash-humidity-webserver/overview

All details about components and the code can be found there!

Also, since I had most of the parts on hand already it was, as they say, 'a no brainer'.

This will also be different than my other posts, as it will be in at least 2 parts, maybe more.

This first part, will be building the circuit on the breadboard and the start of the through-hole circuit design.

So, while my circuit on the breadboard does work, it's not pretty:

Some minor changes here are the breadboard's power, I used a specialty power board so I can power it via USB and my DHT22 already has the resistor built into it and only the 3 main pins coming out of it. 

The button is only used for programming the ESP8266 module and nothing else.  Also, not seen here is the USB to TTL wires that allows you to do the programming.

Once I did program it and shut it down and then power it on the web page came up and displayed the temp on one address by adding /temp to the IP and the /humidity to the IP for the other.

Now for the learning part; 

I wanted to get this off of a breadboard and on to a through hole circuit board:

As you can see here I started with the basics, the 2.1mm power plug, the LD1117-3.3 regulator and since I wanted to be able to remove/replace the DHT22 and the ESP8266, I used male-female sockets for those two.  

Below you can see the back of the board and my creative use of the long leads of the LD1117:

Please ask questions, should you have any!!

Next Time:  I venture into soldering this together and testing the new board.

Part 2 can be found here: 

http://kurtroesener.blogspot.com/2015/06/esp8266-temperature-and-humidity-web_19.html