27" Kitchen Dashboard

jconno03

My first MagicMirror is a family dashboard for our kitchen area. I used a Samsung 27” monitor which has a thin profile and fits easily into a wooden frame. The frame is cut from maple to fit the monitor.

The Dashboard is powered with an Alexa-enabled smart outlet installed in a recessed box, attached to the wall with a French cleat.

We are thrilled with the results.

Modules used:

clock
compliments
MMM-Remote-Control
MMM-ModuleScheduler
MMM-AlexaControl
MMM-Pir
MMM-Worldclock
MMM-GoogleCalendar
MMM-Sonos
MMM-GooglePhotos
MMM-OpenWeatherMapForecast
MMM-NewsAPI
MMM-SystemMonitor
MMM-WiFiPassword (not shown)

Hardware:

Raspberry Pi 4
Samsung 27" T35F monitor
HC-SR501 PIR Infrared Sensor
DAOKI Light Sensor
ELEGRP USB Outlet Receptacle, 3-Port USB C Wall Outlet
Arlington DVFR1W-1 Recessed Electrical/Outlet Mounting Box

Features

27 -inch monitor
PIR sensor to turn off the screen when the room is empty
Alexa integration to turn mirror on/off, using MMM-Remote-Control to shutdown the Raspberry Pi and then the smart outlet to turn off the monitor.
Rotates wallpaper thru personal photos
Light sensor runs as separate from the Magic Mirror framework with a custom Python script to dim the monitor in the evening

The Build

The wall with a french cleat

The Dashboard

sdetweil

@jconno03 fabulous!!!

IPfreely

@jconno03 This is fantastic! I am about to get started building a screen for our family kitchen. I hadn’t thought of putting a frame around the screen, but that would be a nice touch to match our cabinets.
Thanks for listing the materials and modules. I just discovered MM this week so am eager to get started!

rts58

@jconno03 Awesome!

JeanMichelC

This is really cool, great work. Any chance you can post the code. I can’t get AlexaControl to work for some reason.

sdetweil

@JeanMichelC said in 27" Kitchen Dashboard:

I can’t get AlexaControl to work for some reason.

can u look at the messages at MM startup, it should give you messages about listening on ports for the AlexaControl devices…

and SOME alexas cannot find the AC devices… my echo 1 can, my echo show 5(v1) cannot

JeanMichelC

@sdetweil Thanks for the tip, I’ll check

sdetweil

@JeanMichelC we should take this to a new topic

what features do you have enabled in AC?

cyberphox

this is how it’s done! nice job!

jconno03

@JeanMichelC

Here is my Alexa configuration. I am have an Echo Show 5 and an Echo Input. My feeling is that verbally asking Alexa to scan for new devices works better than attempting to scan from the app. Works flawlessly for me.

		module: 'MMM-AlexaControl',
		position: 'middle_center',
		config:{
			image: false,
			deviceName: "Mirror",
			pm2ProcessName: "MagicMirror",
			vcgencmd: "wlr-randr",
			},

r3zi3lr

Awesome MagicMirror setup.

Any chance of looking at the config.js, please?

rmonkey

Aboslutely outstanding!

I did a similar build (down to the recessed outlet and french cleat).

I used a PiZero2 to keep things as thin as possible, but I see your build uses a full-sized Pi and looks great – the thickness looks prportionate.

I bet your guests say ‘whoa!’ everytime they see it.

sheptastic

@jconno03, Nice build? How did you get the Worldclock times to align in a row (horizontally) instead of the default vertical orientation?

jconno03

@sheptastic
Custom CSS which I think I took from another person’s post in this forum. Here are my entries…

/* Worldclock **/
/ Arrange clocks horizontally /
.MMM-Worldclock .worldtime {
display: flex;
flex-direction: row;
}
.MMM-Worldclock .world{
width: 140px;
}
.MMM-Worldclock .world-0{ / 1st clock = UTC clock */
width: 140px;
font-size:100%;
}

/* Time title font color and size */
.MMM-Worldclock .zone {
font-size: calc(var(–font-size) - 6px);
color: var(–color-text-bright);
}

/* Hide time difference to UTC */
MMM-Worldclock .gap {
font-size: 1px;
color: transparent;
}

jconno03

@r3zi3lr If there is something specific you are looking for please let me know. I have added more features and the config is large