Popup Box




Introduction: Popup Box

An Ambient display for your desk which tells you which country is being talked about frequently in twitter during that time. This is a working prototype which is very easy to make and customizable.

Step 1: Flashing Code to the Photon

1.Download the project folder from the github repository.

2.Copy the code from the AmbientWorld.ino file.

3.Go to the build.particle.io website and create a new project and paste the code. Compile it and flash it to your photon.

4.Now your photon has the code to make the popup box work.

Step 2: Laser Cutting the Case and Assembling

1. Laser cut the files “Case Top -circles.ai” and “Case.ai” on wood and as shown in figures 2.1 and 2.2 below.

2. Cut circles out of an acrylic as well as shown below in figures 2.3 and 2.4. Stick it to the fabric stuck below the case top as shown in fig 2.3. Stick the wooden circles on the top of the case top as shown in figures 2.1 and 2.4.

3. Assemble the laser cut wooden case as shown in figures 2.5, 2.6 and 2.7 below.

4. Laser cut the “MotorSupport.ai” and “GearRack.ai” files on an acrylic. Assemble and glue the motor support to the back side inside the box (Figure 2.5 and 2.6).

5. The gear and rack are to be attached to the motor to move rack and it hits the popup red and blue circles to make it move up and down. Cut the rack into small pieces and attach the appropriate length to the motor to have adequate movement to push the popup circles at the top of the box.

Step 3: Assembling the Circuit

1.Connect the circuit diagram as shown in the below figures 2.8 and 2.9.

2. Connect the data (Orange) wire from the motors to D0 and D1 pins of photon. Connect the ground wires (brown) to the ground pin of the photon and the supply (Red wire) to the Vin pin of photon.

Step 4: Debugging and Making It Work

1. Copy the app.js and index.html files from the downloaded github repository into a new folder.

2. Open the index.html file in any web browser and open the console window and check if the words “America” or “India” is showing up.

3. Next open the terminal and type “particle serial monitor” and check if the words “America” or “India” is being printed out. There will be delays as it would only print out the words whenever a new tweet contains it. So, delays are okay.

4. The words should be printed out irrespective of the delays. If they are being printed out your popup box should work fine.

5. Despite the words being printed out and the popup box is not working, check the circuit wiring again.

6. Connect the photon to a power source and check if the popup box is working. If the rack attached to the motors are not pushing the popup wooden circles on the top of the box then you may want to do minor adjustments to the attachment of the rack to the motor to make the movement push the popup wooden circles up.

Be the First to Share


    • Pocket-Sized Speed Challenge

      Pocket-Sized Speed Challenge
    • Super-Size Speed Challenge

      Super-Size Speed Challenge
    • Audio Challenge 2020

      Audio Challenge 2020

    3 Discussions


    3 years ago

    what r the two countries?


    Reply 3 years ago

    We have set the two countries as America (Blue) and India (Red).


    3 years ago

    This is neat :) Fun IoT project!