DIY Interactive LED Coffee Table

by Creativity Hero in Circuits > LEDs

40088 Views, 400 Favorites, 0 Comments

DIY Interactive LED Coffee Table

DIY Interactive LED Coffee Table

In this Instructable I’m going to show you how I made an interactive LED coffee table step by step.

I decided to make a simple, yet modern design, and focused more on its features.

This amazing table creates amazing ambiance in my living room.

How does it work?

It is actually controlled through a custom-made Android application, so you can change both the reactive and the background color using your Smartphone, and also you can control the brightness.

I used an MDF for the upper part, a pine for the frame and the legs below, and a glass on the top. The inside consists of an Arduino Mega board, a Bluetooth device, Addressable LEDs, IR proximity sensors and a bunch of wires.

Here you can see the process of building, wiring and joining all the parts together with detailed instructions. Don't forget to watch the video to experience the entire process of this build.

Here's my website article: https://creativityhero.com/diy-projects/diy-interactive-led-coffee-table/

Materials:

Tools:

Cutting All the Pieces to Size.

5.jpg
6.jpg
7.jpg
8.jpg
9.jpg

All the pieces needed for this build I cut on my table saw. The box is made out of MDF: 18 mm thick for the sides, and 8 mm thick for the bottom and the inner parts.

The majority of the cuts I made using my table saw fence. For the larger pieces I wasn’t able to use the fence because it is pretty wide, so I secured a scrap wood onto the workbench and used it as a guide.

To create a grid inside the box, I’m cutting 12 pieces of MDF, 4 cm wide.

The frame and the legs below the box are made out of pine board. The board was warped, so I needed to make a lot of cuts and adjustments on the table saw and the fence to flatten it and to get nice and smooth strips out of it.

Making repeated cuts is extremely easy with a stop block. I mounted my homemade stop block, and made most of the repeated cuts. Besides the existing stop block, I made another one by clamping a scrap of wood onto the fence. This way I was able to cut much longer pieces.

To make the grid that I mentioned earlier, first I need to make dadoes onto each piece. Those dadoes will help me lock the pieces together and make a flawless, squared grid.

One of the easiest and fastest methods to make such dadoes is the following: mark all the points for the dadoes on one piece, wrap all the pieces together with a masking tape, adjust the height of the blade, and start cutting.

Sanding.

10.jpg

Once I’m done with all the cuts, I can move on to sanding.

I began with 80 grit sandpaper and then continued with 120 grit, until everything was nice and smooth.

Assembling the Box.

12.jpg
13.jpg
19.jpg
21.jpg
23.jpg
24.jpg
27.jpg

I started the assembling process with the box. I applied a wood glue on the corners of the MDF pieces, and clamped them together with some corner clamps and a bend clamp.

To secure the sides well, I screwed a small piece of wood in each corner of the box.

Then I moved on to the bottom. I applied a generous amount of wood glue and a bunch of screws to firmly attach it.

In order to avoid any gaps, I applied a wood filler and left it to dry.

While it was drying, I made two holes into the bottom, one 6 mm wide for the main power cord, and the other wide enough to fit the switch snugly.

When I inserted the smaller MDF board inside the box I realized it was warped in the middle because it is pretty long, so to fix it I additionally secured two more small pieces of wood for better support.

Also, I added extra 8 mm height onto those pieces out of MDF, so that when I finally place the glass on the top of the table, it will be flush with the sides.

Painting the Box.

28.jpg
30.jpg
32.jpg
33.jpg
35.jpg
45.jpg

I removed the extra wood filler with a fine grit sandpaper and wiped the dust off of the surface with a wet rag to prepare it for painting.

I need to paint just a little of the inner part of the table, so I apply a masking tape on the sides to get clean and straight paint lines.

After that I started painting. I applied an oil based primer using a combination of a roller for the large surfaces, and a brush for the corners.

Then, I left it to dry. Once it was completely dry I sanded it with my random orbit sander.

Now I can apply paint. I decided to use white oil based paint, because it will match my interior. I left it to dry and moved on to the other parts of the table.

All the pieces that I’ll use for the grid I painted white as well.

Assembling the Frame and the Legs.

36.jpg
39.jpg
40.jpg
41.jpg

This pieces I’ll join together with pocket hole screws. The pocked hole jig that I have is very useful tool for making pocket holes.

The width of the strips doesn’t allow me to make two holes on each side, but later I will mount corner brackets if I need additional support for the legs.

To make a stronger connection I’m applying a wood glue, and then I’m attaching the screws on the top of the frame, because I don’t want the holes to be visible. Here also I’m applying a wood filler to fill in the gaps.

Staining the Bottom of the Table.

42.jpg
43.jpg
44.jpg

After the wood filler was dry, I sanded the excess and prepared this part of the table for staining.

Speaking of the stain, I went with a rosewood stain to get a perfect contrast with the white paint.

Assembling All the Parts of the Table.

46.jpg

Now I can finally assemble the entire table.

I placed the top onto the bottom, secured it with some clamps, and used a lot of countersunk screws to make a better connection.

Making Holes Into the MDF Board for All the Electronic Parts.

47.jpg
48.jpg
49.jpg

The electronic parts needed for this project are: Addressable LEDs, Infrared proximity sensors, an Arduino Mega board, a Bluetooth module, 5V power supply and a bunch of wires. All of this will be attached onto the board.

This board will be divided into 45 squares. I’m using a template to drill 3 holes into those squares. I’ll fit the electronic parts with some wires into the holes.

Cutting and Preparing the LEDs.

50.jpg
51.jpg
52.jpg

Then, I sniped 45 individual LEDs.

I’m cutting 5 cm long pieces of black and red wire and stripping off the insulation of their ends. With these wires I’ll connect the LEDs and the proximity sensors.

I’m repeating this step with a green wire.

Then, I’m soldering the wires. On the Ground and the 5V pad I’m soldering the red and the black wire, and on the Data IN pad I’m soldering the green one.

Adjusting the IR Proximity Sensors.

54.jpg
55.jpg
56.jpg

First, I removed the IR transmitter from the sensor.

The sensor won’t detect a glass on the table top in a normal position, because the glass won’t reflect the Infrared light.

The transmitter and the receiver need to be positioned at an angle so that the light can be reflected to the receiver on the other side.

So, I’m soldering the transmitter back on the sensor, but this time with 4 cm long single core wires from an Ethernet cable. These wires can be easily bent and stay in the desired position.

On the other side of the sensor I’m soldering the black and the red wire to the Ground and 5V pin, and a longer grey wire to the Output pin which will actually connect the sensor to the Arduino board.

To make that connection possible I need to solder pin headers onto the ends of the longer wires and insulate them with a shrink tube and a lighter, that way they can be easily positioned into the Arduino board.

Inserting the LEDs and the IR Proximity Sensors.

57.jpg
58.jpg

The LEDs need to be inserted into the holes that I previously drilled and stuck onto the board.

Then I connected them by soldering the green wire in the middle of each LED, or the Data OUT pad of the previous LED to the Data IN pad of the next LED.

Once I’m done with this step, I’ll basically do the same with the proximity sensors. This time I’ll hot glue them next to the LEDs.

All grey wires will be inserted into the Arduino board which will be positioned in the middle of the back side of the board. They have different dimensions, depending on their distance from the Arduino board. You can find the dimensions that I used on the website article.

The transmitter and the receiver need to be positioned facing up, so I’m making some adjustments here carefully.

Soldering the Wires and Inserting Them Into the Arduino Board.

59.jpg
60.jpg
61.jpg
62.jpg
63.jpg
Creativity-Hero-Interactive-LED-Coffee-Table-Circuit-Schematic.png

I’ll start with attaching copper wires along with the length of the board with hot glue. They will be used as power rails for the LEDs and the proximity sensors. On the first rail I’ll solder all red wires, and on the other line all black wires (positive and negative).

To be able to solder, I need to remove the insulation off of the copper wires by sanding it.

At the end I connected all the positive and all the negative lines, and added two more wires which will go into the power supply.

I soldered 330 ohms resistor between the first LED and the Arduino, to reduce the noise on that line.

All the wires along with the Bluetooth module are ready to be inserted into the Arduino board.

The Circuit Schematic

This circuit schematic will help you see how I connected everything together. For more details on how to use the Arduino in combination with these addressable LEDs and the Bluetooth device check Dejan Nedelkovski YouTube Channel, and his website howtomechatronics.com.

He made a tutorial on how everything works, including the source code of the program and the custom-built Android application.

Inserting the Power Supply.

64.jpg
67.jpg
68.jpg
69.jpg

Before doing anything else I made a continuity test on the circuit, using a multimeter. The multimeter didn’t beep which means my connections are all good, and I can move on to mounting the power supply on the bottom of the table. I raised it up a little by gluing two pieces of MDF, so that it could get a better airflow.

Then I inserted the main power cord and the switch into the holes and connected them to the power supply. I wired a plug on the end of the cord. After that I brought the MDF panel and connected the last two wires into the power supply.

Programming the Arduino Board.

Interactive LED Table Custom Build Android Application.jpg

Now I’m ready to program the Arduino. The code is fairly simple, it just reads the proximity sensors, so if an object is detected it lights up the particular LED.

I use a custom-built Android application for the color and brightness control. The data that comes from the Smartphone is received through The Arduino Bluetooth module.

You can find detailed explanation on how this code works on Dejan’s article.

Some Final Adjustments.

70.jpg
71.jpg
72.jpg
73.jpg
75.jpg
76.jpg

Once I uploaded the code, I placed the panel inside

the table. I noticed here that the power indication LED of the proximity sensors would interfere with the main LED light, so I covered them with an electrical tape.

To make the grid I just need to lock all the parts together, which fit pretty snugly.

Finally, I can put the matte glass on the top of the table and turn the switch on to see how it works.

One of the LEDs doesn’t turn on when I place a glass on top of it, and I needed to adjust the angle of the transmitter so that it would be able to reflect the light to the receiver.

Final Result

79.jpg
1.jpg
2.jpg
3.jpg
4.jpg

Now I’m finally done with this interactive coffee table. It turned out wonderful.

I hope you enjoyed this Instructable. Don’t forget to check my video and subscribe to my YouTube channel.

YouTube: https://www.youtube.com/CreativityHero

Website: https://creativityhero.com/

Facebook: https://www.facebook.com/CreativityHero/

Instagram: https://www.instagram.com/creativity.hero/

Pinterest: https://www.pinterest.com/creativityhero/