• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

-=]!Show Your Module Setup![=-

Scheduled Pinned Locked Moved Show your Mirror
59 Posts 9 Posters 55.0k Views 12 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    cowboysdude Module Developer @lucallmon
    last edited by Mar 9, 2017, 12:30 AM

    @lucallmon Hey who cares it works!! I really do like it!

    1 Reply Last reply Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @lucallmon
      last edited by Mykle1 Mar 10, 2017, 1:57 AM Mar 10, 2017, 1:55 AM

      @lucallmon said in -=]!Show Your Module Setup![=-:

      Show yours and tell us why you have what you have!

      Oh, I’m always looking for a reason to show my setup, so here it is:

      The top half of the mirror I used, what I like to call, “The Curtain Effect.” Notice how the curtains (modules) fill the top of the mirror and then recede to the side margins by the time they get to the middle of the mirror. Just like curtains would around your window.

      Modules:

      helloworld - Across the top with my humble statement about the mirror. Hidden most of the time.

      calendar - (Left) With US Holidays and my google calendar. All my dates and appointments go here.
      calendar_monthly - (Left) (Narrower) Just a splash of color. I like to see the whole month at a glance.
      MMM-SystemStats - (Left) (Narrower still) I don’t always display this one but I do like having it to keep an eye on things.
      MMM-NetworkScanner - (Left) (Narrowest) Everyone loves seeing their own icon. I see who is at home.

      clock - (Top Middle) You’ve got to know what time it is, right?
      MMM - WunderGround (Top Middle 2nd) Just the current weather from that module with the gorgeous icons.

      MMM-WunderGround - (Right) Just the forecast with some coloring. Removed some icons and rainfall column.
      MMM-doomsDay - (Right) (Narrower) Countdown to special occasions or events. Simple, but I love it.
      MMM-voice - (Right) (Narrowest) Show/Hide modules, Go To Sleep, Wake Up, just by speaking. Awesome!

      compliments - (bottom_third) I have quite a few compliments and insults. Very entertaining.
      planetrise - (under compliments) I’m an amateur astronomer. Right up my alley.
      MMM-SimpleLogo - (Bottom left and right) My favorite band logo and a picture I drew in high school.
      MMM-Globe - (Bottom Middle) Satellite picture of Earth every 10 minutes. Sign me up!
      newsfeed - (Bottom Bar) NASA, Reuters Science News, New York Times and BBS World News
      MMM-RemoteControl - (Not shown) A must have for any mirror

      0_1489110879956_show.JPG

      Create a working config
      How to add modules

      L 1 Reply Last reply Mar 12, 2017, 3:46 AM Reply Quote 2
      • L Offline
        lucallmon @Mykle1
        last edited by Mar 12, 2017, 3:46 AM

        @Mykle1 Looks Great! Could you post your config.js file so I can see how you have stuff setup? I’m curious to see how you setup multiple news feeds in the same module.

        M 1 Reply Last reply Mar 12, 2017, 3:08 PM Reply Quote 1
        • M Offline
          Mykle1 Project Sponsor Module Developer @lucallmon
          last edited by Mykle1 Mar 12, 2017, 3:09 PM Mar 12, 2017, 3:08 PM

          @lucallmon said in -=]!Show Your Module Setup![=-:

          Looks Great! Could you post your config.js file so I can see how you have stuff setup?

          If you really want the entire config I guess I could post it when I get a chance to remove all the private data.

          I’m curious to see how you setup multiple news feeds in the same module.

          This I can show you right now. Replace the rss or xml feeds with your own, or use these:

          {
          			module: 'newsfeed',
          			position: 'bottom_bar',
          			config: {
          				feeds: [
          					{
          						title: "NASA",
          						url: "https://www.nasa.gov/rss/dyn/solar_system.rss"
          					},
          					{
          						title: "Reuters Science News",
          						url: "http://feeds.reuters.com/reuters/scienceNews"
          					},
          					{
          						title: "New York Times",
          						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
          					},
          					{
                              	                        title: "BBC World News",
                              	                        url: "http://feeds.bbci.co.uk/news/world/us_and_canada/rss.xml"
                          	                 },
          				],
          				showSourceTitle: true,
          				showPublishDate: true
          			}
          		},
          	]
          
          };
          
          /*************** DO NOT EDIT THE LINE BELOW ***************/
          if (typeof module !== 'undefined') {module.exports = config;}
          

          Create a working config
          How to add modules

          J 1 Reply Last reply Mar 13, 2017, 11:45 PM Reply Quote 2
          • A Offline
            akhil
            last edited by Mar 12, 2017, 8:22 PM

            could u please post your code ,it looks great bro,good job

            M 1 Reply Last reply Mar 12, 2017, 8:36 PM Reply Quote 0
            • M Offline
              Mykle1 Project Sponsor Module Developer @akhil
              last edited by Mar 12, 2017, 8:36 PM

              @akhil said in -=]!Show Your Module Setup![=-:

              could u please post your code ,it looks great bro,good job

              How many mirrors are going to wind up looking like mine now? ;-)

              var config = {
              	port: 8080,
              	ipWhitelist: [], 
              
              	language: 'en',
              	timeFormat: 12,
              	units: 'imperial',
              
              	modules: [
              		{
              			module: 'helloworld',
              			position: 'top_bar',	// This can be any of the regions.
              			classes: 'small bright',
              			config: {
              			text: 'Bottle Pop welcomes you to his very own Magic Mirror! You could have one if you were brilliant and talented and cool like him!'
              		}
              		},
              		{
              			module: 'updatenotification',
              			position: 'top_bar',	// This can be any of the regions.
              			config: {
              			updateInterval: 600000 // (10 minutes)
              		}
              		},
              		{
                          module: 'motiondetector',
                          config: {
                          timeout: 600000 // time in milliseconds (10 minutes) to switch off after last movement is detected.
                      }
                      },
              		{
              			module: 'MMM-Remote-Control',
              			position: 'lower_third'
              		},
              		{
              			module: 'compliments',
              			position: 'lower_third'
              		},
              		{
              			module: 'planetrise',
              			position: 'lower_third',	// This can be any of the regions.
              			// header: 'Join pop in looking at the heavens through his telescope',
                      	config: {
              				latitude: 12.345678,   // Place the latitude and longitude of your mirror
                          	longitude: -12.345678,   // Place the latitude and longitude of your mirror
                          	bodies: {'Sun': '☉',
                                  	'Moon': '☽',
                                  	'Mercury': '☿',
                                  	'Venus': '♀',
                                  	'Mars': '♂',
                                  	'Jupiter': '♃',
                                  	'Saturn': '♄',
                          	}
                      	}
              		},
              		{
              			module: 'alert',
              			config: {
              			timer: 3500,
              			effect: 'jelly', // Possible values: scale slide genie jelly flip exploader bouncyflip
              			alert_effect: 'flip', // Same as above
              			position: 'middle_center',
              		}
              		},
              		{
              			module: 'MMM-SimpleLogo',
              			position: 'bottom_left',	// This can be any of the regions.
              			fileUrl: "modules/MMM-SimpleLogo/public/yes.jpg",
              			config: {
              			width: "260px",
              		}
              		},
              		{
              			module: 'MMM-SimpleLogo',
              			position: 'bottom_right',	// This can be any of the regions.
              			config: {
              			width: "260px",
              			fileUrl: "modules/MMM-SimpleLogo/public/starship.jpg",
              			}
              		},
              		{
              			module: 'MMM-Globe',
              			position: 'bottom_center',
              			config: {
              			style: 'natColor', // natColor, geoColor, airMass, fullBand, europeDiscNat, europeDiscSnow, centralAmericaDiscNat
              			imageSize: 175,
              			updateInterval: 10*60*1000
              		}
              		},
              		{
              			module: 'clock',
              			position: 'top_center'
              		},
              		{
              			module: 'calendar',
              			position: 'top_left',
              			config: {
              			urgency: 0,
              			getRelative: 0,
              			fadePoint: 0.25, // Start on 1/4th of the list.
              				calendars: [
              					{
              						symbol: 'calendar-check-o ',
              						url: 'webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics'
              					},
              					{	// YOU GET THE FOLLOWING URL FROM YOUR GOOGLE CALENDAR PAGE
              						url: 'https://calendar.google.com/calendar/ical/xxxxxxxxxxxxxxxxxxxxx/private-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/basic.ics'
              					},
              				],
              			}
              		},
              		{
                          module: 'calendar_monthly',
                          position: 'top_left',
                          config: {
                          showHeader: false,
              			cssStyle: 'custom', // block, clean, custom, (slate is for no mirror)
              			updateDelay: 5 // 5 secs default
                      }
                      },
              		{
              			module: 'MMM-SystemStats',
              			position: 'top_left', // This can be any of the regions.
              			classes: 'small bright', // Add your own styling. Optional.
              			config: {
              			updateInterval: 10000,
              			animationSpeed: 0,
                      }
                  	},
              		{
                      	module: 'MMM-NetworkScanner',
                      	position: 'top_left', 
                      	config: {
                          devices: [
                              { ipAddress: "192.168.1.2", name: "Dove", icon: "medkit"},
                              { ipAddress: "192.168.1.8", name: "BottlePop", icon: "globe"},
                              { ipAddress: "192.168.1.11", name: "Donna", icon: "venus"},
              				{ ipAddress: "192.168.1.10", name: "Nikki", icon: "coffee"},
              				{ ipAddress: "192.168.1.7", name: "Jason", icon: "fire-extinguisher"},
              				{ ipAddress: "192.168.1.18", name: "MJD", icon: "child"}
                              	 ],
                          	showUnknown: false,
                          	showOffline: true,
              				showLastSeen: false,
                          	keepAlive: 1200, // in seconds (20 min)
                          	updateInterval: 30, // in seconds
                          	residents: []
              		}        
               		},
              		{
                  		module: 'MMM-WunderGround', // Just for current weather w/css entry
                  		position: 'top_center',
                  		config: {
                      	apikey: 'YOUR API KEY GOES HERE', // private; don't share!
                      	pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Just around the corner. Very Cool!
              			currentweather: 1,
                      	coloricon: true,
              			animationSpeed: 5000,
                  		roundTmpDecs: 0,
                  		UseCardinals: 1,
              			windunits: "mph", // bft or mph
              		}
              		},
              		{
                  		module: 'MMM-WunderGround', // Just for forecast w/css entry
                  		position: 'top_right',
                  		config: {
                      	apikey: 'YOUR API KEY GOES HERE', // private; don't share!
                      	pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Very Cool
              			currentweather: 0,
                      	coloricon: true,
                      	hourly: '1',
                      	fctext: '1',
                      	fcdaycount: "10",
                      	fcdaystart: "0",
                      	hourlyinterval: "2",
                      	hourlycount: "1",
              			animationSpeed: 5000,
                      	alerttime: 10000,
                      	alerttruncatestring: "english:",
                  		roundTmpDecs: 0,
                  		UseCardinals: 1,
                  		layout: "vertical",
              			windunits: "mph",
                  		sysstat: "0"
              		}
              		},
              		{
                  		module: 'MMM-doomsDay',
                  		position: 'top_right', // This can be any of the regions, best results in center regions
                  		config: {
                      	doomsDay: "2017-04-11 24:00:00", // the end day of the countdown, format is YYYY-MM-DD HH:MM:SS, default is "2018-02-23 24:00:00", recommend that you don't alter the hour, keep it at 24:00:00
                      	toWhat: 'Mark B-Day!', // the title of your countdown event
              			present: 'Call Him!',
              			updateInterval: 1 * 3600000,
              			singular: 'more day!', // what it should say when it's only one day left, default is `Day Left`
              			plural: 'more days', // what it should say when it's more days left, default is `Days Left`
              		}
              		},
              		{
              			module: 'camera',
                  		position: 'top_right',
                  		config: {
              			selfieInterval: 3,  // Time interval in seconds before the photo will be taken.
                      	emailConfig: {
                          service: 'iCloud', // Email provider to use to send email with a photo.
                          auth: {
                          user: 'YOUR EMAIL ADDRESS',  // Your email account
                          pass: 'YOUR EMAIL PASSWORD'  // Your password for email account
                      }
                      }
              		}
              		},
              		{
                  		module: 'voicecontrol',
                  		position: 'top_right',
                  		config: {
                      		models: [
                          	{
                              	keyword: "Show Camera",
                              	description: "Say 'Show Camera' to display camera",
                              	file: "showCamera.pmdl",
                              	message: "SHOW_CAMERA"
                          	},
                          	{
                              	keyword: "Hide Camera",
                              	description: "Say 'Hide Camera' to hide camera",
                              	file: "hideCamera.pmdl",
                              	message: "HIDE_CAMERA"
                          	},
                          	{
                              	keyword: "Selfie",
                              	description: "Say 'Selfie' when camera is visible",
                              	file: "selfie.pmdl",
                              	message: "SELFIE"
                          	},
                      ],
                  }
              },
              		{
              			module: 'newsfeed',
              			position: 'bottom_bar',
              			config: {
              				feeds: [
              					{
              						title: "NASA",
              						url: "https://www.nasa.gov/rss/dyn/solar_system.rss"
              					},
              					{
              						title: "Reuters Science News",
              						url: "http://feeds.reuters.com/reuters/scienceNews"
              					},
              					{
              						title: "New York Times",
              						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
              					},
              					{
                                  	title: "BBC World News",
                                  	url: "http://feeds.bbci.co.uk/news/world/us_and_canada/rss.xml"
                              	},
              				],
              				showSourceTitle: true,
              				showPublishDate: true
              			}
              		},
              	]
              
              };
              
              /*************** DO NOT EDIT THE LINE BELOW ***************/
              if (typeof module !== 'undefined') {module.exports = config;}
              

              Create a working config
              How to add modules

              J 1 Reply Last reply Mar 14, 2017, 8:41 PM Reply Quote 1
              • michael24hM Offline
                michael24h
                last edited by michael24h Mar 13, 2017, 11:25 AM Mar 13, 2017, 11:24 AM

                My little mirror 11 inch :-))
                1_1489403480037_IMG_0386.JPG 0_1489403480036_IMG_0377.JPG

                module: DailyXKCD, alert, clock, calendar_monthly, weather forecast, alexapi, alarm clock, iframe, traffic, and some ather not showing due restricted size of old apple iPad first gen

                Thanks

                M 1 Reply Last reply Mar 13, 2017, 11:47 AM Reply Quote 4
                • M Offline
                  Mykle1 Project Sponsor Module Developer @michael24h
                  last edited by Mar 13, 2017, 11:47 AM

                  @michael24h said in -=]!Show Your Module Setup![=-:

                  My little mirror 11 inch

                  Yo, dude, that’s awesome! Now, lets hear the story behind the build. Why you built it. How you built it. What you used, hardware and software. Pictures, if you have them, of the progress from start to finish

                  Create a working config
                  How to add modules

                  1 Reply Last reply Reply Quote 0
                  • michael24hM Offline
                    michael24h
                    last edited by Mar 13, 2017, 11:50 AM

                    will do, later on this afternoone. with more pic.
                    Thanks

                    1 Reply Last reply Reply Quote 0
                    • michael24hM Offline
                      michael24h
                      last edited by michael24h Apr 19, 2017, 7:29 PM Mar 13, 2017, 5:55 PM

                      My little Clock story.

                      One day come across a youtube movie about the magicmirror projects. I thought I’ll give shot, starting to thinking how to start, what I will need to build my own miagicmirror and also cost of project.
                      Then came the time for little digging in google which took me to the magicmirror.builder forum and other great sites, different sources of information and very helpfully members.
                      That then took me to the Michael Teeuw’s github page. Very cool fella with other cool projects.

                      So lets get to project
                      Hardware.

                      I’ve been given a broken Apple iPad first get, which fixed last year. But I’m this tablet is to old to be somewhat useful device. So tablet ended up in the bottom of a drawer in the cupboard for quite some time. I wasn’t too sure what to do with it. I thought it will perfect for my little clock project.
                      First step will be to order two way mirror glass about 11 inch size for £20, with out magic glass we can’t talk about magicmirror. When I picked up the glass I took it straight to the frame shop. I ordered a picture frame for about £25, deep enough so it would accommodate 6mm glass, iPad screen, RaspberryPi board and a step down power module which can be found on ebay for a little as £2 to £5. Simple reason for adding the step down power module is the Raspberry Pi and iPad screen work on two different power supplies, different voltages and also different amperage. RaspberryPi 3 uses 5v 2.5A whereas the iPad screen needs only 3.3 volts in order to power on, but the lcd board normally takes about 6v to 12volts. So either way I will need to power both devices on one power pack (just to make it simple and easy).
                      I also purchased a RaspberryPi Camera and motion detector from ModMyPi.
                      Then I ordered power pack from ebay for about £5, which should handle RaspberryPi 3 and iPad screen, necessary voltage and amperage
                      My raspberryPi uses micro sd 32gb which is way more than what is needed for this project.
                      I followed installation steps to install magicmirror on to my clock and then start installing modules.

                      Modules.
                      Default magicmirror come pre install with some modules like: alert, calendar, clock, compliments, currentwether, helloworld, and few others.
                      I had some fun time playing around with this. But that wasn’t enough to call my clock a smart clock.
                      So I start adding other modules, some successfully and then some I couldn’t get to work. Then came the realy fun time to make these modules work.
                      The project isn’t completely finished yet but I can show you guys how far I got to now.

                      mm-clock My Setup Click Here

                      Alexa Click Here

                      0_1492630179161_mm-clock.jpeg

                      M R 2 Replies Last reply Mar 13, 2017, 6:11 PM Reply Quote 2
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 1 / 6
                      1 / 6
                      • First post
                        8/59
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy