Hardware setup
Software installation
Configuration
Screen luminosity
Wi-Fi (radiation!) switch
Speaker
Wake up sounds
And from here you are free to experiment, tweak, improve, and adapt this project to your personal preferences

Published October 24, 2020 © CC BY

MagicMirror Alarm Clock

A compact alarm clock for your bedside table, with time, date, weather, news... and a relaxing sound to wake you up.

BeginnerFull instructions provided4 hours11,606

Things used in this project

Hardware components

Raspberry Pi 3 Model B

You may use versions 2, 3 or 4, with just an 8GB microSD. Also remember a suitable power adapter.

Adafruit PiTFT 3.5" Touch Screen

This is the one I already had and you can see in the pictures

Adafruit PiTFT 3.5" plus

This model is the new one, adapted to perfectly fit the new Raspberry 2, 3 or 4.

Adafruit PiTFT Pibow+ Kit

The case is optional and you may choose a different one, just make sure you can easily connect your screen to the Raspberry Pi in its case.

Generic Bluetooth speaker with USB charging cable

Software apps and online services

Raspberry Pi Raspbian

The default OS for Raspberry Pi

MagicMirror²

The open source modular smart mirror platform

Free online sounds

Download mp3 noises & sound effects (sfx) for free

Story

Yes, this is yet another alarm clock! But I feel like I'm not the only one deisiring a nice and simple object like this one to keep on the bedside table.

It comes with useful features like a soft wake up (with chirping birds from a little bluetooth speaker), changing set of information and luminosity for day and night, weather, news. WiFi is turned off during sleep time. All very customizable!

It is mainly based on the beautiful MagicMirror project, but in this case we use it with a little screen to display information we need, without hiding everything behind a mirror.

If you know MagicMirror a little, you know that there are different modules to install, to provide different kinds of functionality. For my project I used:

Clock (the default one)
MMM-AlarmClock (we want an alarm clock, right?)
CurrentWeather (default module)
WeatherForecast (also default)
NewsFeed (default)
MMM-Online-State (to check weather WiFi is on or off)
MMM-Tado (if you have a smart thermostat, you can display ambient info)
MMM-ModuleScheduler (optional, to switch modules displayed)

Then I thought cron is the easy and right tool to program some events during the day(s). I'll show my crontab below.

Let's take a peek at my screen now (day version):

The news feed can be taken from any RSS source

And now let's have a look at the night version:

I don't need any other information during the night!

Seen the difference? I don't need much information if I wake up at 3 a.m.: the clock is sufficient! And also the indication that the WiFi is turned on/off is ok (for example I set the on sign to yellow and off sign to blue).

So, if you like it, let's do it!

Hardware setup

The setup is so simple:
1) first, if you have a case, insert your Raspberry Pi (version 2, 3, or 4 will work) with the microSD card into it (make sure the relevant pins/connector can still be accessed to connect the screen);

2) then just connect the screen (whichever you want to use) to the Raspberry Pi; I would recommend a small one (like the 3.5" in the list), but you could also use the official Raspberry Pi Touch Display, or another one; the touch function will be useful (but not 100% necessary) to turn off the alarm clock;

3) then, if you are using a bluetooth speaker, it may be practical to power/recharge it directly from the Raspberry Pi USB, so just connect it to any USB port;

4) finally connect the power plug. Done!

Software installation

Now time to go to the SW installation:
1) I assume you have a standard Raspberry Pi OS installation, with desktop, on a (small capacity, e.g. 8GB) microSD card.

2) MagicMirror installation: the so called "manual installation" is as easy as a copy and paste of a few commands, so I would recommend it.

3) MagicMirror (additional, 3rd party) Modules. For each of the following modules there's a separate installation, it's quick and easy (simple copy and paste again), just follow the links for instructions: first MMM-AlarmClock, we will use this to play music or nature sounds in the morning; MMM-Online-State, I find this useful to make sure WiFi is turned off during the night; optional, if you have a Tado thermostat, MMM-Tado, to show current and set temperature, humidity, etc.; the equivalent module for Netatmo is also available: MMM-Netatmo. I recently decided to try MMM-ModuleScheduler and never got back! It's easy to schedule the displaying of different modules at different times of the day/night.

4) The other modules we will use are default modules, so no further installation is required.

Configuration

There is one main configuration file to edit, plus you may want or need to tweak some other files, to optimize visualization and get the best result possible.

Let's start from the MagicMirror configuration file: you will find a sample file in your MagicMirror/config folder. I also provide my configuration file which you may use as a starting point. Find it below.

If you would like to have a day and night configuration, I suggest you create a config_day.js and config_night.js, as I did. Then we will switch them with a cron command (here at 11pm and 6am):

> crontab -e

# For more information see the manual pages of crontab(5) and cron(8)
# m h  dom mon dow   command
01 23 * * * cp /home/pi/MagicMirror/config/config_night.js /home/pi/MagicMirror/config/config.js
00 06 * * * cp /home/pi/MagicMirror/config/config_day.js /home/pi/MagicMirror/config/config.js

Alternatively, you could use the MMM-ModuleScheduler, which allows to show or hide different modules at different times, quite brilliant! You'll find my configuration file using the ModuleScheduler below.

Finally you may want or need to check the Raspberry Specific configurations, linked at the top of the configuration page. Especially to enable auto-startup and mouse pointer auto-hide.

Screen luminosity

This is an important topic, as we know how disturbing a bright screen can be while we are trying to sleep. And on the other hand we want a clearly readable screen in day light conditions. For some displays you can control the backlight illumination, this is true for the PiTFT screen I have. I made a little script to change luminosity with cron commands (again):

const raspi = require('raspi');
const pwm = require('raspi-pwm');

var myArgs = process.argv.slice(2);
var lumi = myArgs[0]/1000.0

raspi.init(() => {
  const led = new pwm.PWM('GPIO18');
  led.write(lumi); // 1-1000 duty Cycle, aka brightness
});

This will be executed by the following commands:

> sudo crontab -e

# For more information see the manual pages of crontab(5) and cron(8)
# m h  dom mon dow   command
@reboot /bin/sh -c 'echo "0" > /sys/class/backlight/soc\:backlight/brightness'
@reboot /usr/bin/node /home/pi/screen_lumi.js 500
00 23 * * * /usr/bin/node /home/pi/screen_lumi.js 1
00 07 * * * /usr/bin/node /home/pi/screen_lumi.js 100
00 08 * * * /usr/bin/node /home/pi/screen_lumi.js 1000
00 19 * * * /usr/bin/node /home/pi/screen_lumi.js 800

The screen_lumi.js script must be run with root privileges, so the screen luminosity will be handled by the root crontab.

Wi-Fi (radiation!) switch

This feature will let you sleep better, I believe. I prefer not to have Wi-Fi devices continuously radiating with wireless signals every night at a few centimeters from my head. So I introduce the Wi-Fi switch, thanks to the rfkill command run again by cron:

> crontab -e

# For more information see the manual pages of crontab(5) and cron(8)
# m h  dom mon dow   command
@reboot /usr/sbin/rfkill unblock wlan
00 23 * * * /usr/sbin/rfkill block wlan
00 7 * * * /usr/sbin/rfkill unblock wlan

This will turn Wi-Fi off during the night and on again in the morning (when you are supposed to get up!). The same command could also turn Bluetooth off, but I found that some Bluetooth speakers may not like it and have difficulties reconnecting timely for the morning alarm. Also, Bluetooth radiated power is quite lower than Wi-Fi and it's not a continuous transmission. Final remark: make sure you are not configuring your Alarm Clock through Wi-Fi when testing the "block wlan" command!

Speaker

In my project I used a Bluetooth speaker (powered/recharged from the Raspberry Pi USB port). This can be easily configured in the Raspbian UI: first you need to find and pair the speaker from the Bluetooth menu, then you can select the speaker as an audio output device from the audio menu (see steps below). Of course, alternatively you could simply plug a 3.5" jack speaker (but in my case the Raspberry Pi PWM clock is busy dimming the screen backlight!).

1 / 3 • Pair the Bluetooth speaker

Wake up sounds

Just a quick check on how we want to wake up: in my example below, the alarm clock will play an mp3 file I like, for 3 minutes, at 7am, every week day. Make sure you choose a soft nice sound, like the chirping birds in the forest! This is my preferred one (free to download): Birds in the forest.

{
    module: 'MMM-AlarmClock',
    position: 'top_left',
    config: {
        alarms: [
            {time: "7:00",
             days: [1,2,3,4,5],
             title: "Wake-up!",
             message: "It is 7.00am!",
             sound: "birds-in-the-forest.mp3"},
        ],
     format: 'dddd @ H:mm',
     touch: 'true',
     volume: 0.50,
     timer: 180 * 1000
     }
},

And from here you are free to experiment, tweak, improve, and adapt this project to your personal preferences!

1 / 2 • Raw result!

Let me know if you liked it! :-)

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
        address: "0.0.0.0",     // Address to listen on, can be:
                                // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                                // - another specific IPv4/6 to listen on a specific interface
                                // - "0.0.0.0", "::" to listen on any interface
                                // Default, when address config is left out or empty, is "localhost"
        port: 8080,
        basePath: "/",  // The URL path where MagicMirror is hosted. If you are using a Reverse proxy
                        // you must set the sub path here. basePath must end with a /
        ipWhitelist: ["127.0.0.1", "192.168.1.0/24", "::ffff:127.0.0.1", "::1"],       // Set [] to allow all IP addresses
                                                                                        // or add a specific IPv4 of 192.168.1.5 :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                                                                                        // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

        useHttps: false,        // Support HTTPS or not, default "false" will use HTTP
        httpsPrivateKey: "",    // HTTPS private key path, only require when useHttps is true
        httpsCertificate: "",   // HTTPS Certificate path, only require when useHttps is true

        language: "it",
        logLevel: ["ERROR"],
        timeFormat: 24,
        units: "metric",
        zoom: 1.25,

        // serverOnly:  true/false/"local" ,
        // local for armv6l processors, default
        //   starts serveronly and then starts chrome browser
        // false, default for all NON-armv6l devices
        // true, force serveronly mode, because you want to.. no UI on this device

        modules: [
                {
                        module: "alert",
                },
                {
                        module: "clock",
                        position: "top_left",
                        config: {
                                dateFormat: "dddd, D MMM YYYY"
                        },
                },
                {
                        module: 'MMM-AlarmClock',
                        position: 'top_left',
                        config: {
                                alarms: [
                                                {time: "7:00", days: [1,2,3,4,5], title: "Wake up", message: "It's 7.00!", sound: "birds-in-the-forest.mp3"},
                                ],
                                format: 'dddd @ H:mm',
                                touch: 'true',
                                volume: 0.50,
                                timer: 180 * 1000
                        }
                },
                {
                        module: 'MMM-Tado',
                        position: 'top_left', // This can be any of the regions.
                        config: {
                                username: 'your_email@address.com',
                                password: 'your_password',
                                updateInterval: 600000
                        }
                },
                {
                        module: "currentweather",
                        position: "top_right",
                        config: {
                                location: "Your_city",
                                locationID: "1234567", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                appid: "_your_free_key_number_goes_here_",
                                decimalSymbol: ",",
                                appendLocationNameToHeader: false
                        }
                },

                {
                        module: "weatherforecast",
                        position: "top_right",
                        header: "Previsioni meteo:",
                        config: {
                                location: "Your_city",
                                locationID: "1234567", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                appid: "_same_free_key_number_as_above_",
                                maxNumberOfDays: 3,
                                showRainAmount: false,
                                colored: true,
                                decimalSymbol: ","
                        }
                },
                {
                        module: "newsfeed",
                        position: "bottom_left",
                        config: {
                                feeds: [
                                        {
                                                title: "Ultim'ora Televideo",
                                                url: "https://www.servizitelevideo.rai.it/televideo/pub/rss101.xml"
                                        }
                                ],
                                showSourceTitle: true,
                                showPublishDate: true,
                                broadcastNewsFeeds: false,
                                broadcastNewsUpdates: false,
                                reloadInterval: 600000,
                                ignoreOldItems: true,
                                ignoreOlderThan: 43200000 // 12h
                        }
                },
                {
                        module: "MMM-Online-State",
                        position: "bottom_right",
                },
        ]
};


/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
        address: "0.0.0.0",     // Address to listen on, can be:
                                // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                                // - another specific IPv4/6 to listen on a specific interface
                                // - "0.0.0.0", "::" to listen on any interface
                                // Default, when address config is left out or empty, is "localhost"
        port: 8080,
        basePath: "/",  // The URL path where MagicMirror is hosted. If you are using a Reverse proxy
                        // you must set the sub path here. basePath must end with a /
        ipWhitelist: ["127.0.0.1", "192.168.1.0/24", "::ffff:127.0.0.1", "::1"],       // Set [] to allow all IP addresses
                                                                                        // or add a specific IPv4 of 192.168.1.5 :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                                                                                        // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

        useHttps: false,        // Support HTTPS or not, default "false" will use HTTP
        httpsPrivateKey: "",    // HTTPS private key path, only require when useHttps is true
        httpsCertificate: "",   // HTTPS Certificate path, only require when useHttps is true

        language: "it",
        logLevel: ["ERROR"],
        timeFormat: 24,
        units: "metric",
        zoom: 1.25,

        // serverOnly:  true/false/"local" ,
        // local for armv6l processors, default
        //   starts serveronly and then starts chrome browser
        // false, default for all NON-armv6l devices
        // true, force serveronly mode, because you want to.. no UI on this device

        modules: [
                {
                        module: "alert",
                },
                {
                        module: "clock",
                        position: "middle_center",
                        config: {
                                dateFormat: "dddd, D MMMM YYYY",
                                clockBold: true,
                                displayType: "both",
                                analogSize: "240px",
                                analogFace: "face-010",
                                secondsColor: "#FF4000"
                        },
                },
                {
                        module: "MMM-Online-State",
                        position: "bottom_right",
                },
        ]
};


/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
        address: "0.0.0.0",     // Address to listen on, can be:
                                // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                                // - another specific IPv4/6 to listen on a specific interface
                                // - "0.0.0.0", "::" to listen on any interface
                                // Default, when address config is left out or empty, is "localhost"
        port: 8080,
        basePath: "/",  // The URL path where MagicMirror is hosted. If you are using a Reverse proxy
                        // you must set the sub path here. basePath must end with a /
        ipWhitelist: ["127.0.0.1", "192.168.10.0/24", "::ffff:127.0.0.1", "::1"],       // Set [] to allow all IP addresses
                                                                                        // or add a specific IPv4 of 192.168.1.5 :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                                                                                        // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                                                                                        // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

        useHttps: false,        // Support HTTPS or not, default "false" will use HTTP
        httpsPrivateKey: "",    // HTTPS private key path, only require when useHttps is true
        httpsCertificate: "",   // HTTPS Certificate path, only require when useHttps is true

        language: "it",
        logLevel: ["ERROR"],
        timeFormat: 24,
        units: "metric",
        zoom: 1.25,

        // serverOnly:  true/false/"local" ,
        // local for armv6l processors, default
        //   starts serveronly and then starts chrome browser
        // false, default for all NON-armv6l devices
        // true, force serveronly mode, because you want to.. no UI on this device

        modules: [
                {
                        module: "alert",
                },
                {
                        module: 'MMM-ModuleScheduler',
                        config: {
                                global_schedule: [
                                        {from: '00 07 * * *', to: '00 23 * * *', groupClass: 'daytime_scheduler'},
                                        {from: '00 23 * * *', to: '00 07 * * *', groupClass: 'nighttime_scheduler'},
                                ]
                        }
                },
                {
                        module: "clock",
                        position: "top_left",
                        config: {
                                dateFormat: "dddd, D MMM YYYY"
                        },
                        classes: 'daytime_scheduler'
                },
/*              This is a popular module to show the Earth in real time!
                {
                        module: "MMM-EARTH",
                        position: "top_left",
                        config: {
                                mode: "naturalThumb",
                                rotateInterval: 30*1000,
                                animationSpeed: 2000,
                                updateInterval: 60*60*1000,
                                MaxWidth: "100%",
                                MaxHeight: "100%",
                        },
                        classes: 'nighttime_scheduler'
                },
*/                {
                        module: 'MMM-AlarmClock',
                        position: 'top_left',
                        config: {
                                alarms: [
                                                {time: "07:00", days: [1,2,3,4,5], title: "Wakeup", message: "It's 7.00am!", sound: "birds-in-the-forest.mp3"}
                                ],
                                format: 'dddd @ H:mm',
                                touch: 'true',
                                volume: 0.50,
                                timer: 180 * 1000
                        }
                },
                {
                        module: 'MMM-Tado',
                        position: 'top_left', // This can be any of the regions.
                        config: {
                                username: 'user_name@domain.com',
                                password: 'you_password',
                                updateInterval: 600000
                        },
                        classes: 'daytime_scheduler'
                },
                {
                        module: "currentweather",
                        position: "top_right",
                        config: {
                                location: "Your_city",
                                locationID: "1234567", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                appid: "********************************",
                                decimalSymbol: ",",
                                appendLocationNameToHeader: false
                        },
                        classes: 'daytime_scheduler'
                },

                {
                        module: "weatherforecast",
                        position: "top_right",
                        header: "Previsioni meteo:",
                        config: {
                                location: "Your_city",
                                locationID: "1234567", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                appid: "********************************",
                                maxNumberOfDays: 3,
                                showRainAmount: false,
                                colored: true,
                                decimalSymbol: ","
                        },
                        classes: 'daytime_scheduler'
                },
                {
                        module: "newsfeed",
                        position: "bottom_left",
                        config: {
                                feeds: [
                                        {
                                                title: "Ultim'ora Televideo",
                                                url: "https://www.servizitelevideo.rai.it/televideo/pub/rss101.xml"
                                        }
                                ],
                                showSourceTitle: true,
                                showPublishDate: true,
                                broadcastNewsFeeds: false,
                                broadcastNewsUpdates: false,
                                reloadInterval: 600000,
                                ignoreOldItems: true,
                                ignoreOlderThan: 43200000 // 12h
                        },
                        classes: 'daytime_scheduler'
                },
                {
                        module: "MMM-Online-State",
                        position: "bottom_right",
                },
                {
                        module: "clock",
                        position: "top_right",
                        config: {
                                dateFormat: "dddd, D MMMM YYYY",
                                clockBold: true,
                                displayType: "both",
                                analogSize: "240px",
                                analogFace: "face-010",
                                secondsColor: "#FF4000",
                                lat: 45.079208,
                                lon: 7.533648
                        },
                        classes: 'nighttime_scheduler'
                }

        ]
};


/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

html {
  cursor: none;
  overflow: hidden;
  background: #000;
}

::-webkit-scrollbar {
  display: none;
}

body {
  margin: 20px;
  position: absolute;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  background: #000;
  color: #aaa;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}

/**
 * Default styles.
 */

.dimmed {
  color: #777;
}

.normal {
  color: #999;
}

.bright {
  color: #fff;
}

.xsmall {
  font-size: 18px;
  line-height: 20px;
}

.small {
  font-size: 22px;
  line-height: 25px;
}

.medium {
  font-size: 32px;
  line-height: 35px;
}

.large {
  font-size: 65px;
  line-height: 65px;
}

.xlarge {
  font-size: 85px;
  line-height: 85px;
  letter-spacing: -3px;
}

.thin {
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.light {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

.regular {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.bold {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

header {
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #666;
  line-height: 15px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #999;
}

sup {
  font-size: 50%;
  line-height: 50%;
}

/**
 * Module styles.
 */

.module {
  margin-bottom: 30px;
}

.region.bottom .module {
  margin-top: 20px;
  margin-bottom: 0;
}

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pre-line {
  white-space: pre-line;
}

/**
 * Region Definitions.
 */

.region {
  position: absolute;
}

.region.fullscreen {
  position: absolute;
  top: -10px;
  left: -20px;
  right: -20px;
  bottom: -10px;
  pointer-events: none;
}

.region.fullscreen * {
  pointer-events: auto;
}

.region.right {
  right: 0;
  text-align: right;
}

.region.top {
  top: 0;
}

.region.top .container {
  margin-bottom: 25px;
}

.region.bottom .container {
  margin-top: 25px;
}

.region.top .container:empty {
  margin-bottom: 0;
}

.region.top.center,
.region.bottom.center {
  left: 50%;
  transform: translateX(-50%);
}

.region.top.right,
.region.top.left,
.region.top.center {
  top: 100%;
}

.region.bottom {
  bottom: 0;
}

.region.bottom .container:empty {
  margin-top: 0;
}

.region.bottom.right,
.region.bottom.center,
.region.bottom.left {
  bottom: 100%;
}

.region.bar {
  width: 100%;
  text-align: center;
}

.region.third,
.region.middle.center {
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.region.upper.third {
  top: 33%;
}

.region.middle.center {
  top: 50%;
}

.region.lower.third {
  top: 66%;
}

.region.left {
  text-align: left;
}

.region table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

Credits

Andrea S.

5 projects • 19 followers

Technology enthusiast, problem solver, creative thinker!

MagicMirror Alarm Clock

Things used in this project

Hardware components

Software apps and online services

Story

Hardware setup

Software installation

Configuration

Screen luminosity

Wi-Fi (radiation!) switch

Speaker

Wake up sounds

And from here you are free to experiment, tweak, improve, and adapt this project to your personal preferences!

Code

MagicMirror (day mode) config.js file

MagicMirror (night mode) config.js file

MagicMirror config.js file with ModuleScheduler

main.css

Credits

Andrea S.

Comments

Embed the widget on your own site

MagicMirror Alarm Clock

MagicMirror Alarm Clock

Things used in this project

Hardware components

Software apps and online services

Story

Hardware setup

Software installation

Configuration

Screen luminosity

Wi-Fi (radiation!) switch

Speaker

Wake up sounds

And from here you are free to experiment, tweak, improve, and adapt this project to your personal preferences!

Code

MagicMirror (day mode) config.js file

MagicMirror (night mode) config.js file

MagicMirror config.js file with ModuleScheduler

main.css

Credits

Andrea S.

Comments

Related channels and tags