Heyhey! I also like to present my Magic(Dashboard)Mirror.

Here are some details:

Hardware:

• I used an 27" LG Screen because of the clean optic.
• To mount the screen as close as possible to the wall I ordered a Vogel’s WALL 3105
• Raspberry Pi 4 8GB w/ a 64 GB SD Card

Modules:

• Default Clock
• MMM-Wallpaper
• MMM-DarkSkyForecast
• MMM-MyCalendar
• MMM-PublicTransportBerlin
• MMM-Todoist (Connected with IFTTT Alexa Shopping List
• MMM-Fuel
• MMM-Remote-Control
• MMM-GoogleSheets (Stundenplan)
• MMM-NowPlayingOnSpotify

Styling Custom CSS:

• I used the custom layout from @earlman
• Next to that I spent a lot of time adjusting my custom CSS

Picture:

Hey everyone! Since last July I updated the Dashboard a bit and added new modules. If you are interested in the config.js and custom.css, I’ll upload the files on github later this week. So you can get in advantage of it.

Here some pics from the most recent dashboard.

@vandyck Right, that is not a Mirror. The title of the post is misleading. I used the MMM as a framework to display on a monitor all the details we need in my family. So let’s call it Family Dashboard 👍😅

Hey there - the instructions above doesn’t worked for me. But I found a solution that works perfectly:

1. Open https://github.com/googlefonts/noto-emoji/tree/master/fonts
2. Download most recent NotoColorEmoji.ttf
3. Copy file in /home/pi/.fonts (if you cant see the .fonts folder please use CTRL+H to display it (Folders with names starting by “.” are hidden on Raspbian))
4. Done!

@mattkab Fantastic! Thank you very much for putting that together. Will test that later the day.

Quick update on this. Maybe someone else is looking for a similar way to automatically scroll through the list. You can added following code to the custom.css file:

/* MMM-Todoist Scrolling Animation */
.MMM-Todoist .divTable {
       white-space: nowrap;
       overflow: hidden;
       height:150px;   /* increase or decrease the height of the scrolling area*/
       box-sizing: border-box;
}

.MMM-Todoist .divTable div {
       -webkit-animation: divTable 25s linear infinite alternate;   /* adjust the seconds for the scrolling speed */
}

@-webkit-keyframes divTable {
      0% { -webkit-transform: translateY(5%); }
    100% { -webkit-transform: translateY(-70%); }
}

So the shopping or ToDo list is scrolling from the top to the bottom and back to the top again. Here an example: http://jsfiddle.net/51d4umwo/1/

@sil3ntstorm Hey, ich nutze noch MMM-MyCalendar. Damit es aber richtig läuft, musste ich noch npm install request und npm install valid-url ausführen. In den letzten Updates vom MagicMirror wurden diese entfernt.

@KristjanESPERANTO I missed the npm ci. Now it is working as expected. Thank you 😊

@bballboy21 That is awesome. Thanks for sharing your module!!

Hey there - just tested ChatGPT from OpenAI to create a module for the MM. The first lines of the description are looking very promising :astonished_face: . Unfortunately, I’m getting a timeout in ChatGPT because of limited network capacity. Hope they will get back soon to test that more in detail.

Anyone else experience with ChatGPT?

@Niggich I’ve got so many questions — but first, huge kudos on this amazing work!

Could you share which display you’re using? And are you still happy with it?

Also, the smart home control interface (lights, heating, etc.) — is that a MagicMirror module visualizing data from Home Assistant?

@KristjanESPERANTO I missed the npm ci. Now it is working as expected. Thank you 😊

@KristjanESPERANTO thanks for the update but it is still not working. I haven’t checked the log yet but will let you know later the day.

Hello @tjat - thanks for sharing and great work! Can you please tell which touchscreen you have? Thanks in advanve.

Really like it. Thanks for sharing @KristjanESPERANTO

Nice, really like the clean and slim design. :thumbs_up: Are you planning to install a PIR sensor? Or is your display running 24/7?

Great work @KristjanESPERANTO. Really, really like this. Is there a way to also publish the github stars and # of forks? I also would love if there is a way to “like” a module.

Hello @UncleRoger - are you planning to publish your module? And can I may ask you what this module will do?

@greedyvegan Nope, I haven’t removed any components from the screen. The screen itself is quite slim, and I have attached it to the slimmest screen mount I could find (please refer to my first post for the specific model).

@sdetweil No worries at all. Thanks for responding. I was able to upgrade with your script. Only MMM-NewsAPI and MMM-MyCalendar needed some attention.

For MMM-NewsAPI I had to install fetch-node and for MMM-MyCalendar I applied the workaround.