MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Magic Mirror build with Pi Zero/Red Bear IoT pHAT

    Scheduled Pinned Locked Moved Show your Mirror
    6 Posts 2 Posters 3.9k Views 1 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W Offline
      Wordonroad
      last edited by

      Hey guys!

      This thread is basically a way for me to log my process for making a Magic Mirror, and update it with new findings, or input from the MM community!

      1 Reply Last reply Reply Quote 0
      • W Offline
        Wordonroad
        last edited by Wordonroad

        I’m sure some of you are wondering why I went through the hassle of doing all of this vs. just buying a Canakit that includes all of this stuff etc.

        Well, in short, I bought the OG RP years ago, with plans to make an MM, but never got around to it. My dad recently mentioned that he saw an MM somewhere on the internet, and breathed new life into my project, so here we are.

        First things first, I had to get Raspian onto a Micro SD Card, get a female USB adapter, and a keyboard/mouse setup for the commands etc, and power to the RP (Standard micro-usb charger, everyone has roughly 8,000 of these laying around their house).

        I used a Sandisk 32GB, and followed the guide right on RP’s website.

        Wireless keyboard/mouse.

        Micro-USB to Female USB.

        Not realizing this has a mini-HDMI, had to get a conversion cable.

        Red Bear IoT pHAT (Header NOT soldered, because why would I want anything to be simple?).

        Basic pHAT.

        Soldered to Pi pHAT.

        The last bit of hardware I needed was a display. Did some searching on the Facebook Marketplace. Found a 24" LG 1080P listed for $80, got it for half…and then stripped it all apart.

        Base Pi Zero, no WiFi/Bluetooth capabilities:

        0_1546880271724_basic pie.jpg

        0_1546883795803_pie sd hdmi usb.jpg

        Keyboard, mouse, monitor, and power working well:

        0_1546883955673_pie with monitor kb and mouse.jpg

        Destroying a perfectly fine monitor:

        0_1546884140718_monitor 1.jpg

        Next up: getting WiFi onto the RP.

        The headers that come with the basic pHAT are a male/female 20 pin. Luckily my dad had some 10 pin male/male headers laying around, as well as self taught skill with the soldering iron, so he meticulously soldered those to the RP/pHAT for me:

        1_1546884695011_wifi hat top.jpg

        0_1546884695010_wifi hat bottom.jpg

        The other option for WiFi was stripping/soldering a USB dongle to the RP board itself:

        Quick Video/Diagram

        I bought a few dongles from eBay, (pronounced “China”), but then my dad mentioned the Red Bear pHAT, so I went with that instead. I think it looks a lot better too!

        1 Reply Last reply Reply Quote 1
        • bheplerB Offline
          bhepler Module Developer
          last edited by

          @wordonroad said in Magic Mirror build with Pi Zero/Red Bear IoT pHAT:

          I’m sure some of you are wondering why I went through the hassle of doing all of this

          No, not really. We’ve all decided to try something unknown and create a nifty toy. We understand the urge to go our own way.

          That said, you look like you’re off to a great start. Keep us informed!

          W 1 Reply Last reply Reply Quote 0
          • W Offline
            Wordonroad @bhepler
            last edited by

            @bhepler said in Magic Mirror build with Pi Zero/Red Bear IoT pHAT:

            @wordonroad said in Magic Mirror build with Pi Zero/Red Bear IoT pHAT:

            I’m sure some of you are wondering why I went through the hassle of doing all of this

            No, not really. We’ve all decided to try something unknown and create a nifty toy. We understand the urge to go our own way.

            That said, you look like you’re off to a great start. Keep us informed!

            I appreciate the feedback and support! Thank you!

            1 Reply Last reply Reply Quote 0
            • W Offline
              Wordonroad
              last edited by Wordonroad

              Now that I had the RP working, connected to WiFi, and a working display set up, it was time to get the MM installed. No need to download a browser either, as the Raspbian version I installed has Chromium on it.

              I tried a bunch of different install methods and DIYs, but I kept getting stuck with Node and NPM. Whatever the hell those are…

              Eventually I got fed up with all the errors I was getting (beer didn’t help here), and took to YouTube to figure out this Node/NPM nonsense.

              Welp, video after video, I was still clueless. I just needed to get it installed.

              Finally stumbled across this. God bless.

              • Got Node/NPM installed without error.

              Sidenote: I did a lot of this through my MacBook/SSH to my RP.

              Now to install the extras (Node/NPM should be installed at this point), and MM:

              • Install git: sudo apt install git

              • Install Unclutter (hide cursor): sudo apt install unclutter

              • Use the command “git clone https://github.com/MichMich/MagicMirror” to get the MM installed. This shouldn’t take too long.

              • Enter the MM using the command “cd MagicMirror” - Case does matter!

              • Install and run using “npm install && node serveronly”

              Once this is done, you’ll get directed back to “cd MagicMirror”.

              Now finally launch the MM using “node serveronly”.

              The terminal will tell you to point your browser to a certain site. Copy and paste that URL into your search bar. Sit back, open your presumably 60th beer, and admire your hard work!

              Now, as I gawked at this beautiful display, it disappeared after 15 minutes, so…

              Disable screen saver.

              Also; a quick look at how many different sources I was referencing while doing this portion.

              0_1546976846917_Screen Shot 2019-01-08 at 2.01.35 PM.png

              1 Reply Last reply Reply Quote 0
              • W Offline
                Wordonroad
                last edited by Wordonroad

                Now the very last part of this project is making the frame/mirror assembly to seat the monitor and RP.

                Went to Home Depot, got some wood. Went to Harbor Freight, got a free gift (5’X7’ tarp) . Oh, and a miter box.

                Did a simple frame design with 45 degree angle cuts, and a small framed box behind that.

                The only material(s) I can recommend for this part of the project is the two-way acrylic sheet.

                Everything else will obviously vary based on the frame you want to build.

                Setup (Note free tarp!):

                0_1546975296000_pi fram setup.jpg

                Progress:

                Incorrectly measuring/cutting wood.

                0_1546976161808_pi frame cutting.jpg

                Assembling/securing frame.

                This was irritating, as the cuts weren’t perfect, resulting in less than ideal alignment of the pieces. Oh well! We slapped some Gorilla Wood Glue on the edges, then sent some staples (yikes) into the corners to keep it all together. This oddly worked perfectly.

                0_1546975605815_pi frame 3.jpg

                0_1546975681868_pi frame 2.jpg

                Once the glue dried, we hammered the staples all the way in, flipped it over, and were again, pleasantly surprised to see that it looked excellent. My dad sanded down the now front of the frame.

                Huzzah!

                0_1546975796810_pi frame final.jpg

                Now that that was done, I had to make a box to hold the brains:

                I (poorly) cut some wood, and just screwed it to the back of frame to accommodate the OUTER edges of the monitor.

                Just pretend I didn’t split that one piece of wood.

                0_1546976227286_pi box 0.jpg

                1_1546976227286_pi box 1.jpg

                2_1546976227286_pi box done.jpg

                All I have to say about the box is “Good not great”.

                99.5% finished product:

                0_1546976392077_99.5 finished.jpg

                0_1546976507103_99.5 finished 2.jpg

                I didn’t say 100% finished because if you look, you’ll see the blue clamps on the either side holding the monitor into the box. I haven’t quite figured out how to secure the monitor into the box yet. So any ideas/tips/tricks are welcome!

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy