Smart Glass

Web-based home mirror, inspired by Hannah Mitt's project.

Comes with many widgets (time, date, weather, news, and social) and can be voice controlled even offline.

Install

Clone this repo

$ git clone git@github.com:yanisik/smartglass.git

I decided to use Meteor for its real-time nature and ability to organize server and client side JavaScript in the same file.

Every "widget" on the screen can be found in the [./widgets] folder. Let's look at the [time] widget as an example:

Define the time template in [index.html]

<template name="time">
  <div style="font-size: 3em">
    {{time}}
  </div>
</template>

Define the logic for rendering the time template in [index.js]

if (Meteor.isClient) {
  Template.time.helpers({
    time: function() {
      return Chronos.liveMoment().format("hh:mma");
    }
  });
}

Add the time template to [./client/index.html]

<head>
  <title>Mirror</title>
</head>

<body>
  {{> date}}
  {{> time}}
  {{> weather}}
  {{> news}}
</body>

Web-based smart home mirror

MIT License

Language:CSS 79.3%Language:HTML 11.0%Language:JavaScript 9.8%