How to Make a Magic Mirror with Raspberry Pi

config.js

This file is essentially the brains of the operation. This is where you layout how you want your Magic Mirror to look. You can add modules, delete modules, move modules, and customize to your heart's content.

Navigate to your /home/pi/MagicMirror/config directory and open up config.js in Geany (right click and select Geany).

We're going to skip over most of the setup code. That said, let's look at one little bit here - scroll down until you see the outlined bit below:

Outlined in the image are the following settings:

• language: defaults to english, but can be set to nl, ru, fr, etc
• timeFormat: defaults to 24. Change this to 12 if you prefer.
• units: metric or imperial? the battle rages on... (I prefer metric)

Scroll a little further down and you'll find the modules section:

Hopefully, this section is also fairly straight forward. You'll notice that for each module:, you'll need the position: you'd like it to be on the screen. Possible values are:

• top_bar
• top_left
• top_center
• top_right
• upper_third
• middle_center
• lower_third
• bottom_left
• bottom_center
• bottom_right
• bottom_bar
• fullscreen_above
• fullscreen_below

If you put multiple modules in the same position, they will be shown in the order they are listed in the config file.

Moving the Clock

Remember the initial Magic Mirror image above?

Let's move that clock from the top left to the top right!

Find the following in your config file:

Change top_left to top_right:

Save the config file, go back to your terminal window, and start up Magic Mirror (npm start) aaaaaaand...

VOILA! Easy peasy, right? Each module has its own default requirements and in the default config.js file, these requirements are set up for us. We'll look at some more customization in subsequent sections.