Best posts made by CobraRL_

Hello everyone! As an absent-minded university student, I’ve always liked the idea of having a touchscreen dashboard that I could use to keep track of my schedule, to-do list, homework, etc.

I have finished just that and I’d figure I’d share it with the forum.

Here’s a link to the album of screenshots for each page since the image files were too big for the forum: https://imgur.com/a/LjmpA16

This magicmirror has been achieved by using a number of 3rd party modules, custom CSS, and a custom music widget which connects to HomeAssistant and MMM-FF-Genius-Lyrics.

Feel free to ask any questions or share any suggestions.

@KamiSchami I’m using a Raspberry Pi 4 running Home Assistant and MagicMirror on server mode, then opening MagicMirror from my tablet.

I can go into detail how I tweaked and used every module if needed but for now I’ll provide a bit of the overview.

In order of pages:

• MMM-Pages
  • for separating all modules into individual pages (as shown on the top of the screen)
• MMM-Page-Indicator
  • Usually the page indicators use dots, but I decided to use CSS to replace the dots with actual titles for each page.
• MMM-Unsplash
  • Provides wallpaper

Page 1 (Home)

• Default Clock
  • I can talk about how I edited this, because usually the date is at the top not the bottom. I used CSS to reorient the module’s HTML elements
• Default Weather with custom weather icons

Page 2 (Schedule)

• MMM-CalendarExt3
  • provides the weekly calendar. This has been heavily tweaked with CSS.
• MMM-CalendarExt3Timeline
  • This provides the timetable on top of the calendar. It has also been heavily tweaked with CSS.

Page 3 (Tasks)

• MMM-CalendarExt3Agenda
  • I use my canvas calendar to provide me with all the assignments that are due. This modules on the bottom_right
• MMM-ToDoist
  • I have the ToDoist app to help me keep up with the things I need to do. this module is on bottom_left.

Page 4 (Room)

• MMM-HomeAssistant-Touch
  • Also heavily tweaked with CSS, but allows me to control my homeassistant entities from the dashboard for ease-of-access

Page 5 (Music)

• MMM-HA-MediaPlayer
  • Originally this was MMM-HomeAssistant but I changed around the JS, Node helper, and CSS to make it a suitable music module that can also work with MMM-FF-Genius-Lyrics.
• MMM-FF-Genius-Lyrics
  • Connects to the Genius API to get the lyrics of songs you’re listening to

Page 6 (Timer)

• Heavily tweaked MMM-KitchenTimer

Page 7 (HomeAssistant)

• iFrame
  • I use an iframe to show my HomeAssistant home page just in case I want to change the colors of my lights.

Let me know if you want to know about any specific modules and how I tweaked them!