[MMM-NounishReminder] Nounish Event Reminder for your MM

xppaicyber

Description

MMM-NounishReminder is a MagicMirror² module that displays Nounish community events and meetings in a clean, organized format. It helps community members stay informed about important recurring events like Noun O’Clock, NounsGG Weekly Calls, and other community gatherings.

Key features:

Displays current ongoing events with remaining time
Shows upcoming events for the week
Supports daily and weekly recurring events
Timezone conversion capabilities
Clean, easy-to-read interface with event highlighting
Configurable display options

Screenshots

MMM-NounishReminder

Installation

Navigate to your MagicMirror’s modules directory:

cd ~/MagicMirror/modules

Clone this repository:

git clone https://github.com/xppaicyberr/MMM-NounishReminder.git

Add the module to your config/config.js file:

{
    module: "MMM-NounishReminder",
    position: "top_right",
    config: {
        events: [
            { name: "Noun O'Clock", day: "daily", startTime: "21:00", duration: 0 },
            { name: "NounsGG Weekly Call", day: "Saturday", startTime: "02:00", duration: 60 },
            { name: "Lil Uncut Gems", day: "Tuesday", startTime: "11:15", duration: 60 },
            { name: "Nouncil Call", day: "Thursday", startTime: "21:00", duration: 60 },
            { name: "Lil Happy Hour", day: "Friday", startTime: "04:00", duration: 120 }
        ],
        updateInterval: 60 * 1000,
        showAllEvents: true,
        eventTimezone: 7,
        showLocalTime: true
    }
}

Configuration Options

Option	Description	Default
`events`	Array of event objects containing name, day, startTime, and duration	See example above
`updateInterval`	How often to update the display (in milliseconds)	60000 (1 minute)
`fadeSpeed`	Speed of fade animation when updating (in milliseconds)	1000
`showAllEvents`	Whether to show all events or only upcoming ones	true
`debug`	Enable debug logging	true
`eventTimezone`	Timezone offset where events were defined (e.g., 7 for GMT+7)	7
`showLocalTime`	Convert events to local time	true

Event Object Properties

Property	Description	Example
`name`	Name of the event	“Noun O’Clock”
`day`	Day of the week or “daily”	“Monday” or “daily”
`startTime`	Start time in 24-hour format	“21:00”
`duration`	Duration in minutes (0 for no duration)	60

Changelog

[1.0.0] - Initial Release

Display of current and upcoming Nounish events
Timezone conversion support
Configurable event list
Real-time updates
Current event highlighting
Daily and weekly event support

rkorell

@xppaicyber
Cool!
If I understood your structure and approach correctly than this nice module could be used for any of recurring events, because the events are declared in the config.js definition of the module.
Unfortunately you have hard coded the header of the module

header.innerHTML = "NOUNISH REMINDERS";

Do you think it is possible to get this header configurable as well?
This would be really great!

Thanks a lot!
Warm regards,
Ralf

xppaicyber

@rkorell
Hi Ralf,
Thank you for your feedback! I’m happy to let you know that I’ve implemented your suggestion to make the header configurable. The update is now complete and has been committed to the repository.
You were absolutely right - the module can be used for any recurring events, and having a hardcoded header limited its flexibility. Now you can customize the header text through the config.js file using the new header option:

{
    module: "MMM-NounishReminder",
    position: "top_center",
    config: {
        // Your events here...
        header: "MY CUSTOM HEADER" // Set this to whatever title you prefer!
    }
}

If you don’t specify a header value, it will default to “NOUNISH REMINDERS” for backward compatibility.
You can see all the changes in the commit here: https://github.com/XppaiCyberr/MMM-NounishReminder/commit/a6ef032f91a0921f98adcaa5d05c88991e9f7fcb
Thank you for the suggestion! It definitely makes the module more versatile for different use cases.
Warm regards,
XppaiCyberr

rkorell

@xppaicyber said

Now you can customize the header text through the config.js file using the new header option:

Dear XppaiCyberr,
this is awesome!
Thanks a LOT.

Warmest regards,
Ralf