MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. chrisfr1976
    3. Best
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    C
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 20
    • Posts 119
    • Groups 0

    Posts

    Recent Best Controversial
    • MMM-EventSearch - show events in your city from google

      Hi guys,

      I’ve created a new module. My motivation was to see what’s up around me in my city. I’ve missed so many events in my life, so I was searching for an event reminder. But I didn’t find anything that fits to my belongings. So I decided to create something on my own:

      MMM-EventSearch

      The MMM-EventSearch module for MagicMirror fetches and displays event information using the SerpAPI to search for events based on a given query, location, and other parameters. It uses in this case google (see SerpApi for other options) and displays the list results from google which everyone has seen already.

      To find a suitable query go to goolge and try a little for your city or surrounding city/provice/state.
      The results are currently limited to the the results that google initally shows. So the “mode results” button does not work or is not accessible with this API!

      The module dynamically generates a table with event details, displaying:

      • Date/Time: Event’s date and time.
      • Title: The title of the event.
      • Image: A thumbnail image of the event, if available, which links to the event’s page.

      Event Fetching:
      Events are refreshed periodically based on the updateInterval. On the free plan from SerpAPI 100 calls are free per month. So be careful.

      CSS Styling is a little acc. to Google results.

      Bild Text

      Have fun!

      Cheers
      Chris.

      posted in Entertainment
      C
      chrisfr1976
    • RE: MMM-SmokeFree – Track your smoke-free journey

      @plainbroke Now you can modify the currency value direct in the config.js. And I’ve added some more options. In the beginning bigger is better. I’m still not smoking again and now “small is beautiful” :)

      Bildschirmfoto 2025-07-23 um 17.19.01.png

      posted in Health
      C
      chrisfr1976
    • MMM-Temp2IOT

      Hi,

      I have created a quick module to visualize outside temperatures from the Temp2IOT Sensor:

      MMM-Temp2IOT

      Screenshot MMM-Temp2IOT

      Get your own Sensor: Temp2IOT

      -1 iFrame on my mirror :)

      posted in Utilities
      C
      chrisfr1976
    • RE: MMM-Adventskalender

      Hello,

      I’ve added one nice interactions to the module now. This took me some days to get it fully running. But now I’m quite happy with the result, so I also share it here again:

      • CSS animations for door opening and closing effects.
      • Manual Door Interaction:
        • Click to Open/Close: Clicking a closed door opens it with an animated rotation.
      • Door Opening Animation:
        • 3D rotation animation from the right edge when opening.
        • Reverse animation when closing.

      The state is written in the state.json file. So now your kids can “really” open a door in the morning and if you shut down your mirror in the night it has the same state after a reboot.

      If you’re already running the module delete the state.json file if you feel that something does not work correct (I deleted it quite often during development so I can’t say if there could be an issue).

      The update sounds easy but believe me for me it was not ;-)

      MMM-Adventskalender

      posted in Fun & Games
      C
      chrisfr1976
    • RE: MMM-Fireworks

      Hello,

      unfortunately even more optimizations were necessary. So I update the repository.

      New:

      • hides all modules during animation
      • suspends all modules during animation

      Reduced effects:

      createExplosion(x, y) {
              const particleCount = 25; // was 50
      
      this.particles.forEach((p) => {
                  p.x += p.vx;
                  p.y += p.vy;
                  p.vy += 0.01; // less gravity
                  p.alpha -= 0.01;
              });
      
      
          setup() {
              this.canvas.width = this.width*0.95 //reduced width 
              this.canvas.height = this.height*0.95 //reduced height
              window.addEventListener("resize", () => this.resize());
          }
      
      • And updated CSS to be in the middle of the screen again.

      Hopefully you’ll celebrate this, too!

      posted in Entertainment
      C
      chrisfr1976
    • RE: MMM-GoogleMapsTraffic error removal

      @KristjanESPERANTO yes, why not!

      posted in Transport
      C
      chrisfr1976
    • MMM-FroniusSolar family modules

      Hi,

      i was working the last days on a module to get rid of the last iframes on my mirror. These modules can all visualize solar energy data from a Fronius solar system using SVG magic :)

      • MMM-FroniusSolar: Best for simple setups prioritizing clarity and minimalism.
      • MMM-FroniusSolar2: Suitable for scenarios requiring visual feedback on power flows (e.g., monitoring dynamic energy consumption).
      • MMM-FroniusSolar3: Ideal for larger or customizable displays where scalability is important.

      If you do not have a FroniusPV but your system has an API it should be not much work to adjust the node_helper file.

      All in a column:
      MMM-FroniusSolar

      posted in Utilities
      C
      chrisfr1976
    • RE: MMM-weconnectid with 2 accounts

      @sdetweil Wow, thank you so much! Perfect :folded_hands: :grinning_face_with_big_eyes:

      posted in Troubleshooting
      C
      chrisfr1976
    • RE: I need Help. my shopping list is not clickable

      @lucifer6669
      Hi,
      I’ve just fixed that issue in general. I’ve added wrapper.style.pointerEvents = "none"; and p.canvas.style.pointerEvents = "none"; in the module file. This allows pointer events to pass to modules underneath! So also the CalExt3 can be used again with the pop-up windows. I’m also very happy now :-)

      Cheers Chris!

      posted in Troubleshooting
      C
      chrisfr1976
    • RE: MMM-Fireworks

      I have completely reworked the MMM-Fireworks module!

      New:

      • It is now using the p5.js library. So it is now faster and I’ve added more config options.
      • Also the timing problem ist solved. You can define a start date and time. If you need to restart your mm inbetween it continues.
      • you can install it today and enjoy on next new years eve. (The JavaScript’s setTimeout is solved here (has a maximum delay roughly 2³¹–1 milliseconds - only 24.8 days)
      • Added a text overlay
      • runs as before in fullscreen but also “in a box” as every other module
      • And the best: the explosion effect is now really nice!

      Bild Text

      Bild Text

      posted in Entertainment
      C
      chrisfr1976
    • 1 / 1