In my smart mirror, I wanted to include some of the main functions that I feel like a mirror would have
- Time
- Weather
- Calendar
- News Feed
- Some kind of health field, in this case I chose weight
Here I include my sketch of my original design. I think it works well and is easy to follow, with the clock being in the top left, followed by the calendar on the top right This is then followed by the weather in the bottom left, which includes your current location, degrees in Fahrenheit as well as the current weather for the day, as well as the forecast for later in the day. There is a news feed at the bottom in smaller text, because to me this isn't as important as some of the other things. Lastly, the weight in lbs is in the bottom right.
In my code implementation, I followed my sketch for the most part, and I made each section of the mirror that has information easily discernable from everything else on the mirror, and in different colors.
As well as GIF of my code here:
As you can see, the clock is ticking in seconds and will update for AM and PM as well. Unfortunately, there is nothing else that is clickable on the mirror, and since I did not have a webcam to use webcam functionality, I just used a still image for my background that serves in place of a webcam.