• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

[New Module] MMM-Accuweather-Headline 📰 — AccuWeather Forecast Headlines + Emojis!

Scheduled Pinned Locked Moved Utilities
7 Posts 6 Posters 999 Views 7 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.
  • M Offline
    mmmallday
    last edited by sdetweil 6 days ago 19 days ago

    Hey everyone! 👋

    I’m excited to share a simple but fun module I just built: MMM-Accuweather-Headline!

    This module displays the headline forecast from AccuWeather for your chosen location — things like “Rain expected this evening” or “Unseasonably warm tomorrow” — and adds a touch of personality with weather-related emojis. ☀️🌧️❄️


    💡 Features

    • Fetches AccuWeather’s top weather headline
    • Adds context-based emoji icons for visual flair
    • Updates every hour (configurable)
    • Super lightweight and plug-and-play

    📸 Screenshot

    b143793e-94bc-4cdc-bd41-1a9aaf334c5e-image.png


    ⚙️ Installation & Setup

    cd ~/MagicMirror/modules
    git clone https://github.com/wlans/MMM-Accuweather-Headline.git
    

    Then in your config.js:

    {
      module: "MMM-Accuweather-Headline",
      position: "top_bar",
      config: {
        apiKey: "YOUR_ACCUWEATHER_API_KEY",
        locationKey: "YOUR_LOCATION_KEY",
        updateInterval: 60 * 60 * 1000 // optional, in milliseconds
      }
    }
    

    🔑 To find your locationKey:
    Go to AccuWeather, search your city, and copy the number from the URL. Example:
    /weather-forecast/338832 → locationKey = 338832


    💬 Why I Built It

    I wanted something lightweight that showed AccuWeather’s daily headline forecast, but with a bit more personality than just plain text. So I matched headline categories with emojis — like ☁️ for cloudy, 🌧️ for rain, and 🥶 for cold. It adds a bit of life to the forecast!


    🛠️ What’s Next

    • Custom emoji mapping per user
    • Styling options
    • Multilingual support

    🔗 GitHub Repo (Download & Docs)

    Let me know what you think — feedback, feature ideas, or PRs are welcome!
    Happy mirroring! 🪞✨

    B K S 3 Replies Last reply 18 days ago Reply Quote 3
    • B Offline
      BKeyport Module Developer @mmmallday
      last edited by 18 days ago

      @mmmallday Neat!

      The "E" in "Javascript" stands for "Easy"

      1 Reply Last reply Reply Quote 0
      • K Offline
        KristjanESPERANTO Module Developer @mmmallday
        last edited by 18 days ago

        @mmmallday Nice! Don’t forget to add it to the module list 😀

        1 Reply Last reply Reply Quote 0
        • M Offline
          markiper
          last edited by 6 days ago

          Trying to install this module, and it is asking for Github username/password, is that expected? Reason I am asking is because it fails even after typing that information.

          S 1 Reply Last reply 6 days ago Reply Quote 0
          • S Offline
            sdetweil @markiper
            last edited by sdetweil 6 days ago 6 days ago

            @markiper this is the url for git clone

            https://github.com/wlans/MMM-Accuweather-Headline

            i also fixed the url in the original post

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 1
            • S Offline
              sdetweil @mmmallday
              last edited by sdetweil 5 days ago 6 days ago

              @mmmallday you should add a package.json to document the requirement for axios in the node_helper.js

              just cause it works today doesnt mean it will in the future (witness all the trouble with the request
              library)

              easiest way to do all that
              in your module folder, do

              npm init -y
              npm install axios

              then git add package.json to your repo
              commit it
              and push to github

              you should also update the readme to insure the npm install
              or npm ci is a step of the module install

              there are other properties in package.json that would help the 3rd party lister to group your module in the correct place

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 1
              • L Offline
                liza
                last edited by 6 days ago

                ohhh… i joined late

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • 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