This document describes versions 1 and 2 of the GT Magic Mirror product. Version 2 features include weather and weather forecast, a clock, calendar, what's for dinner planning, countdown timers, and a mobile app. It uses a Raspberry Pi with Nginx webserver, Nodejs backend, MongoDB database, and frontend technologies like jQuery, Materializecss, Weathericons, and Knockoutjs. The mirror retrieves data from openweathermap, iCloud, and Wunderlist to display information. A mobile app allows remote control of mirror features from other devices.

1. GT Magic Mirror
“A wonderfull addition in our kitchen”
Author:
Sjoerd Lubbers
Date:
January 2018
https://www.linkedin.com/in/slubbers/
Version 2

2. GT Magic MirrorVersion 2
Feature Version 1 Version 2
Clock X X
Weather X X
Weather forecast X X
Calendar X X
What do we eat X X
Date counters X
Countdown timers X
Mobile app X
New technologies used X
Features: Version 1 vs Version 2

3. GT Magic MirrorVersion 2
Everything is hosted at a raspberry pi
NGINX is the webserver serving the mobile app and web pages
Nodejs is used as the serverside programming layer
Mongodb is used for storing temporary data
Jquery is used for general js manipulation
Knockout is used to control the mirror- and the mobile app ui
PM2 is used to manage the nodejs mirror application
UX: Weathericons.io and fontawesome.io
UX: Materializecss framework
New technology stack

4. GT Magic MirrorVersion 2
Public Cloud Connectivity
openweathermap
Current- and
forecast weather
information
iCloud Wunderlist
Family agenda What do we eat this
week?

5. GT Magic MirrorVersion 2
Weather and
forecast
Clock and
date
Date counters
What do we
eat?
Calendar
The real thing
Result – Normal state

6. GT Magic MirrorVersion 2
Awesome sound
when finished
Result – Timer started
Countdown
Clock and
date

7. GT Magic MirrorVersion 2
Mobile app
Configurable
items
Timer control
Shown on all
connected devices

8. GT Magic MirrorVersion 2
Closing message
…like this presentation?
• Please comment or like
…have any questions?
• Send me an email or message
…have a product idea?
• Send me an email or message
Do you …

9. GT Magic MirrorVersion 2
Version 2
Technology Version 1 Version 2
Hardware
Raspberry Pi X X
Webserver
Apache X
Nginx X
Backend technology
PHP X
Nodejs X
Web sockets X
PM2 X
Database
MySQL X
Mongodb X
Frontend
jQuery X X
Fontawesome.io X X
Weathericons.io X X
Bootstrap v3 X
Materializecss X
Knockout.js X
Technologies: Version 1 vs Version 2