MMM-EventSearch - show events in your city from google

[chrisfr1976]

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.

Have fun!

Cheers
Chris.

[lmhmm]

@chrisfr1976 Hello Chris this is fabulous thank you.

So far after signing up with Serpapi I can use the playground to get exactly what I want. However when I try to enter the same settings into EventSearch it says no events found …

location: “Cockermouth, England, United Kingdom“
query: “events cockermouth”
hl: “en”
gl: “uk”
googleDomain: “google.co.uk”

Everything else as yours except apiKey.

Is there something I’m missing?

Lorraine

[bugphunk]

The idea behind the module is very cool, but it is not working for me neither …

0|MagicMirror | [2025-06-29 13:58:01.345] [ERROR] Error when loading MMM-EventSearch: Cannot find module ‘node-fetch’
0|MagicMirror | Require stack:
0|MagicMirror | - /home/bugphunk/MagicMirror/modules/MMM-EventSearch/node_helper.js
0|MagicMirror | - /home/bugphunk/MagicMirror/js/app.js
0|MagicMirror | - /home/bugphunk/MagicMirror/js/electron.js

Any ideas?

[chrisfr1976]

@lmhmm Hello Lorraine,

I needed to fix the API request. Should be solved now. Update the module, please.

I also needed to add a “maxResults” option. The new api call is much better. :)

[chrisfr1976]

@bugphunk
should be now fixed as well. Update the module.

[lmhmm]

@chrisfr1976 Wow! It works! Fabulous Chris I’ve just got to reconfigure as it’s off the page. Well done fixed up!

Best wishes,

Lorraine

[bugphunk]

@chrisfr1976
Works like a charme! Thanks for your effort! Great module!!!

May I ask kindly if you´re able to include a sliding option, so that the shown events are not cut off due to limited screen space? My screen only allows 7 events top_left with the clock module above it. Therefore all other events are not shown. A slide-interval option would solve that problem.
Another space saving option would be a “table-view” without those thumbnails, so that the events are shown as a list with date and title (and maybe smaller pictures as an configurable option).

Looking forward to possible updates :)

Thanks again and kind regards!

[bugphunk]

@chrisfr1976

I got it by editing my custom.css. Could have checked prior to my posting. Sorry for that. The sliding option still might be a cool thing ;)

[chrisfr1976]

@bugphunk The sliding option is a really nice idea. I’ve just implemented it to the code. If you discover any bugs or new improvement ideas please let me know :)

[bugphunk]

@chrisfr1976 Thanks a lot! I´ll check it out and keep you posted! Beste Grüße ;) & kind regards