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 60.1k 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @lucallmon
      last edited by Mykle1

      @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

      lucallmonL 1 Reply Last reply Reply Quote 2
      • lucallmonL Offline
        lucallmon @Mykle1
        last edited by

        @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.

        Mykle1M 1 Reply Last reply Reply Quote 1
        • Mykle1M Offline
          Mykle1 Project Sponsor Module Developer @lucallmon
          last edited by Mykle1

          @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

          johnnyboyJ 1 Reply Last reply Reply Quote 2
          • A Offline
            akhil
            last edited by

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

            Mykle1M 1 Reply Last reply Reply Quote 0
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @akhil
              last edited by

              @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

              johnnyboyJ 1 Reply Last reply Reply Quote 1
              • michael24hM Offline
                michael24h
                last edited by michael24h

                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

                Mykle1M 1 Reply Last reply Reply Quote 4
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @michael24h
                  last edited by

                  @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

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

                    1 Reply Last reply Reply Quote 0
                    • michael24hM Offline
                      michael24h
                      last edited by michael24h

                      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

                      Mykle1M R 2 Replies Last reply Reply Quote 2
                      • Mykle1M Offline
                        Mykle1 Project Sponsor Module Developer @michael24h
                        last edited by Mykle1

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

                        The project isn’t completely finished yet but I can show you guys how far I got to now.

                        Nice, real nice! :thumbsup_tone2:

                        So, you have MM on the Pi. How did you connect the Pi to use the iPad screen? The LCD board? I have an old iPad that might become useful again

                        Create a working config
                        How to add modules

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 1 / 6
                        • First post
                          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