Coder Social home page Coder Social logo

mmm-kitchentimer's Introduction

KitchenTimer

This is a module for MagicMirror.

pic

It provides a touch-based, countdown timer. The buttons on the left add time to the timer (and start the timer if it's not started). The 'x' button resets the timer. Press the time to pause or restart the timer.

Using the module

Clone this repo into your modules directory. To use this module, add it to the modules array in the config/config.js file:

modules: [
    {
        module: "MMM-KitchenTimer",
        position: "top_left",
        config: {
            timertext: ["30s", "2m", "10m"],
            timersecs: [30, 120, 600],
        }
    },
]

Configuration options

The following properties can be configured:

Option Description
timertext An array giving the text in buttons.
timersecs An array with the number of seconds to add for the given button.

mmm-kitchentimer's People

Contributors

tshort avatar

Stargazers

Kristjan ESPERANTO avatar  avatar John Wade avatar

Watchers

 avatar James Cloos avatar  avatar

mmm-kitchentimer's Issues

Sound

The problem is that when the magic mirror starts all the sounds work, when I click on the remaining time, the other buttons, and "x". But once that time is reset, the sound does not come back until the Magic Mirror is closed and booted up again. Is there a way to fix this? Please do not look at the previous edits it is a little wrong of what I said.

CSS: Color And Size

How do I get the exact size button and color of time remaining as the example picture? In other words what are the specs for the buttons and the remaining time? The style I have right now is very basic, small, and black and white.

Throwing a 404 error

I believe there are naming issues here so it cannot find the files and throws a 404 error.

I forked it .. check out my fork. :)

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.