New module MMM-BracketEngine displays a mirrored knockout tournament bracket for any sport.

I took the MMM-FIFAWorldCup module and generalized it for any Bracket style Tournament. Providers fetch data from external APIs and normalize it into a common format; the engine renders it with a CSS Grid layout. You can also use a static bracket that you edit so you can display a tournament that has no online data (chess club, little league, etc.) . Providers for FIFA World Cup and Wimbledon are included.

@KristjanESPERANTO Thanks I edited my post. Also it is now in the 3rd Party Modules page.

@sdetweil Just and FYI, I just tried a fresh install and got the same issue with node.
marksimon@digiframe:~ $ git clone https://github.com/MagicMirrorOrg/MagicMirror.git
Cloning into ‘MagicMirror’…
remote: Enumerating objects: 31023, done.
remote: Counting objects: 100% (5/5), done.
remote: Compressing objects: 100% (3/3), done.
remote: Total 31023 (delta 2), reused 2 (delta 2), pack-reused 31018 (from 2)
Receiving objects: 100% (31023/31023), 26.41 MiB | 2.15 MiB/s, done.
Resolving deltas: 100% (19515/19515), done.
marksimon@digiframe:~ $ cd MagicMirror/
marksimon@digiframe:~/MagicMirror $ node --run install-mm
npm error code EBADENGINE
npm error engine Unsupported engine
npm error engine Not compatible with your version of node/npm: eslint-plugin-package-json@1.5.0
npm error notsup Not compatible with your version of node/npm: eslint-plugin-package-json@1.5.0
npm error notsup Required: {“node”:“^22.22.2 || >=24.15.0”}
npm error notsup Actual: {“npm”:“10.9.4”,“node”:“v22.21.1”}

Then I tried using the script and it installed node v22.22.2 and looks like it is working.
marksimon@digiframe:~/MagicMirror $ bash -c “$(curl -sL https://raw.githubusercontent.com/sdetweil/MagicMirror_scripts/master/upgrade-script.sh)” force
update log will be in /home/marksimon/MagicMirror/installers/upgrade.log
doing test run = false
Node currently installed. Checking version number.
Minimum Node version: v22.22.2
Installed Node version: v22.21.1
installing correct version of node and npm, please wait
Check current Node installation …
Node currently installed. Checking version number.
Minimum Node version: v22.21.1
Installed Node version: v22.22.2

MMM-PWSWeather is a module that displays real-time weather data from your Personal Weather Station at Weather Underground.
The provider can be used by the default weather module and other weather modules that support the weatherProvider configuration option.

I just posted an update on GitHub that adds the Finals and 3rd Place boxes to the grid.

This may be a little late but that’s what I get when you only use the free AI subscription. This module will put the FIFA World Cup Bracket on your Magic Mirror. Looks nice so far.
https://github.com/msimon360/MMM-FIFAWorldCup

@sdetweil This is great. I have been working on something similar but I didn’t need to. I wish I could find cool things like this already exist for Magic Mirror easier.

Re: Fifa World Cup overview
I started looking into ways to display the 2026 World Cup and found this to work great. I used {MMM-WebView} (https://github.com/Iketaki/MMM-WebView ) and loaded native-stats.org [World Cup page](link url) (https://native-stats.org/competition/WC/) page.

@sdetweil I have a weather provider working now. When I try to use $SECRET_PWS_API_KEY in my config.js it doesn’t work. I export the var in my .bashrc and I am using pm2 to start mm.

@sdetweil This is great. Is it only for weather? It would be cool if all modules could be like this. You could define data providers and then data displays. Maybe in the modules directory or another directory define a pair with a unique name to work like a module does now. That way you could define providerA with displayA as module1 and providerB with displayA as module2. This would end copying modules and renaming them do display different data in the same way.

@sdetweil I didn’t know about themes for weather. I will separate my module into a provider and a theme. I use pages with my mirror and want to display both weather from the default provider and from my personal weather station. How best to go about this?

I have published a new module to GitHub MMM-PWSWeather](https://github.com/msimon360/MMM-PWSWeather) to display Weather Data from WeatherUnderground. You can use this to display your own personal weather station or with a subscription any available station. This is my first module, I don’t know how to get it added to the 3rd-Party-Modules page.

@sdetweil I didn’t get that by pages you ment the module pages in place of Carousel. I tried your pages module and it is displaying only the first photo. Here is my new config.js section.
module: “MMM-ImagesPhotos”,
position: “fullscreen_below”,
config: {
opacity: 0.9,
animationSpeed: 5000,
updateInterval: 15000,
backgroundColor: ‘grey’, // not used if fill is true
fill: true, // fill around image with blurred copy of image
blur: 10, // only used if fill is true
sequential: false // process the image list randomly
}
},
{
module: “MMM-pages”,
config: {
rotationTime: 1000 * 10, // rotate every 20 seconds
modules: [
[“clock”], // page 1
[“MMM-ImagesPhotos”], // page 2
],
fixed: [ // modules that are always shown
“MMM-page-indicator”
],
hiddenPages: { // modules that are only shown on specific pages
“screenSaver”: [
“clock”,
“MMM-SomeBackgroundImageModule”
],
“admin”: [
“MMM-ShowMeSystemStatsModule”,
“MMM-AnOnScreenMenuModule”
]
}
}
},

@sdetweil Thanks for the quick reply.
Here are the ImagesPhotos and Carousel sections of my config.js. Running this I just get a blank screen instead of the photos. I do get photos if I use top_center without Carousel.

  {
    module: "MMM-ImagesPhotos",
    position: "fullscreen_below",
    config: {
     opacity: 0.9,
     animationSpeed: 5000,
     updateInterval: 15000,
     backgroundColor: 'grey',  // not used if fill is true
     fill: true,   // fill around image with blurred copy of image
	   blur: 10,   // only used if fill is true
     sequential: false  // process the image list randomly
     }
  },
  {
    module: "MMM-Carousel",
    config: {
      transitionInterval: 10000,
      showPageIndicators: true,
      showPageControls: false,
      ignoreModules: ["alert", "updatenotification"],
      mode: "slides",
      slides: [
        ["clock", "weather", "calendar"],
        ["MMM-ImagesPhotos"]
     ],
    }
  },

@sdetweil I tried to use MMM-ImagesPhotos but could not get it to work with MMM-Carousel so I am trying MMM-BackgroundSlideShow instead.

@RonR I have the same issue. How do you “pull the window in from the side”? Can you post the module section from config.js, please?

@Dunc12 I had the same issue. I removed the position: parameter from the Carousel configuration in the config.js file. Without a position the title is not displayed.

I found the simple fix. I removed the position option from the Carousel module in the config.js file. Doh! I thought it said required but it said “NOT Required”.

I have MMM-Carousel working in position mode for bottom-bar. Above the modules the text “MMM-Carousel module_9_ MMM-Carousel” appears. How can I get rid of this?

Since Scott Adams has moved his comic to a pay wall you can no longer download it.
Too bad, I love Dilbert.