jconno03

jconno03 · May 8, 2024, 1:32 AM

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

jconno03 · Dec 5, 2024, 3:26 AM

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

jconno03 · Dec 5, 2024, 3:24 AM

@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 · May 20, 2024, 2:15 AM

@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",
			},

jconno03 · May 8, 2024, 1:32 AM