Peter Campanelli

Digital Mirror Project

Intro and Materials List

For my final project we had to combine four of the processes we learned during the course. Online, I had seen many people build their own digital mirror and I wanted to give it a shot. A digital mirror is a one-way mirror with a monitor behind which gives the illusion that the mirror is lit up behind, when it is just a screen behind. The screen usually shows text, like the time and weather, but can also load websites, etc. I had most of the supplies I needed around the house: an old monitor, wood, Windex, a spray bottle, a Raspberry Pi that was just sitting in a drawer, and cables. Mr. Gerber gave me a sheet of clear acrylic I would use for the mirror itself. I also bought a sheet of one-way mirror film. It is advertised as privacy film for home windows, but did the job perfectly for my mirror. Here is the final list of materials:

Step 1

Design the Mirror

After I had all my materials, it was time to design. I made some drawings on how I wanted the mirror to look, but I ended up just measuring my piece of acrylic so I didn't have to cut it. Cutting acrylic is a pain.

I measured and cut the wood, and then added grooves to slide in the acrylic.

Step 2

Set Up the Screen

Next, I took apart the old screen which required some prying and unscrewing.

Then I used jsfiddle to program a quick time and date script that could run on a website. You can see the website, live, right here.

Step 3


This step was pretty easy. I drilled some holes and turned some screws.

I also laser engraved my name and 2016.

Step 4

Apply The Film

This took two tries before it worked. The first try, my dad and I applied film dry and it took an hour to smooth out but it was scratched and had a big wrinkle right down the center. Thankfully, I had enough left over to do it again. This time we followed a Youtube video and used a soapy water solution to apply the film. It's not perfect (if I did it again it would be even better), but bubbles are better than scratches! Status after step 4:

Step 4

Glue and Insert Electronics

Pretty self explanatory. I used hot glue to attach the screen to the acrylic. To save yourself time, I highly recommend making 100% sure that the screen is straight.

Step 5

Turn it On!

I set it up, installed Chromium (the open-source version of Chrome) and went to my website. It looks amazing!


Just as a recap the 4 processes that I used were:

  1. Web Development
  2. 2D Graphic Design
  3. Laser Cutter
  4. Microcontrollers (Raspberry Pi)

┬ęPeter Campanelli 2016 under the MIT License