I must admit that I hesitated going forward with this project, but I realised I’m not in to make a perfect Google Home Hub replica. I want to find out how close I can get with the features I want.

The carousel seems similar to what Google does when you ask something. I also looked into the MMM-Page-Selector module because it seems to be a good way to define the different screens. It also seems to be working together with the MMM-Voice-Commands module.

For now I want to make two screens working, one screensaver screen with the Google Photo background, clock and temperature. And one with some information, just to have a proof of concept.

You can simulate a lot of what this Google device does, however, it’s likely to be quite hard to get the touchscreen working in a similar way. Swiping, tapping, etc, bringing up a keyboard - these are all things Android does very seamlessly and easily. MagicMirror just doesn’t have the support for those, unfortunately.

I spent some time trying to get some gestures to work - I wanted a “double-tap” to turn on and off the screen - but wasn’t really able to make much progress because the basic support for it in electron just wasn’t there

But good luck on this project, I think this is a worthwhile goal and I’ll be following your progress

I managed to get the MMM-GooglePhotos module running, but somehow the photo overlaps doesn’t use the whole screen.
To solve this I set the margin in main.css to 0 and added a padding of 30 pixels:

margin: 0;
padding: 30px;

I also adjusted the height and width calculation:

height: calc(100% - 90px);
width: calc(100% - 90px);

After that I setup the Clock to only show the hours and minutes in the lower left corner.

showDate: false,
displaySeconds: false

Below that I put the CurrentWeather Module, that will only show the rounded outside temperature.

roundTemp: true,
onlyTemp: true

The weather icon is now shown in grey, maybe I will add an additional color per icon later on.