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 1.5k 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

      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! 🪞✨

      BKeyportB KristjanESPERANTOK S 3 Replies Last reply Reply Quote 3
      • BKeyportB Online
        BKeyport Module Developer @mmmallday
        last edited by

        @mmmallday Neat!

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

        1 Reply Last reply Reply Quote 0
        • KristjanESPERANTOK Offline
          KristjanESPERANTO Module Developer @mmmallday
          last edited by

          @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

            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 Reply Quote 0
            • S Away
              sdetweil @markiper
              last edited by sdetweil

              @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 Away
                sdetweil @mmmallday
                last edited by sdetweil

                @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

                  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