GithubHelp home page GithubHelp logo

aiatamai / magicmirror Goto Github PK

View Code? Open in Web Editor NEW

This project forked from magicmirrororg/magicmirror

0.0 1.0 0.0 2.4 MB

Magic Mirror Project

Home Page: http://michaelteeuw.nl/tagged/magicmirror

PHP 4.25% CSS 23.72% JavaScript 72.03%

magicmirror's Introduction

MagicMirror

##Introduction

The basis for this project can be found on this blog.

Runs as a php script on a web server with basically no external dependencies.

##Configuration

Modify config.js to change some general variables (language, compliments, traffic information, and news feed RSS).

Modify keys_TEMPLATE.js to add API keys, location data, and birthdays, etc, then rename the file to keys.js

Required API keys and how to get them are explained in the comments in the keys file

##Code

###main.js

This file initiates the separate pieces of functionality that will appear in the view. It also includes various utility functions that are used to update what is visible.

###Compliments

Functionality related to inserting compliments into the view and rotating them based on a specific interval set at the top of the compliments.js file.

###News

Takes an array of news feeds (or a single string) from the config file and retrieves each one so that it can be displayed in a loop based on the interval set at the top of the news.js file.

###Time

Updates the time on the screen on one second interval.

###Version

Checks the git version and refreshes if a new version has been pulled. Additionally, a cron job runs on the Pi every day at 2AM, to automatically pull the latest version from the repository, so all changes can be made remotely, and will trickle down to the Pi overnight, automatically.

###Weather

Takes the user's inserted location, language, unit type, and OpenWeatherMap API key and grabs the five day weather forecast from OpenWeatherMap. You need to set the API key in a separate file for this to work.

###Traffic

Displays relevant traffic data.

If a regular schedule is set, traffic information, and suggestions for when you should leave to arrive on time, are displayed before work on days you are working

If a regular schedule is not set, the current commute is shown perpetually

###Calendar

Displays the next number of events from the programmed calendars. Also displays traffic information and suggested leaving time for the first calendar event.

magicmirror's People

Contributors

leadlag avatar michmich avatar chmullig avatar paviro avatar danieljcooper avatar marcus-no avatar edi-design avatar kaiser07 avatar gautric avatar lithiumnl avatar jjtob avatar yuki avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.