• 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.

Request template to create new MM module

Scheduled Pinned Locked Moved Development
4 Posts 3 Posters 2.6k Views 3 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.
  • D Offline
    dz
    last edited by Jan 31, 2017, 8:35 AM

    Hi,
    I’m so excited and happy when I managed to have my own MM. The installation and development guide was good and very informative. I’ve also managed to add 3rd party module and working fine.

    Now, I’m looking to create my own module. I’ve refer to all the existing modules and tried to understand the flow but make my confuses and puzzle. Which js file or code that need to be write and which one that can be changed…I’ve read the development module documentation but still stuck and don’t know where to start.

    I’ve very basic knowledge in java script and I want to create my own module. Please assist me on how I can start at least to understand the structure and basic template to start with. Please teach me and guide me. Hope somebody could guide me. Thanks

    J 1 Reply Last reply Jan 31, 2017, 8:55 AM Reply Quote 0
    • J Offline
      Jopyth Moderator @dz
      last edited by Jopyth Jan 31, 2017, 8:56 AM Jan 31, 2017, 8:55 AM

      @dz I suggest you start with copying the helloworld module. For example, if you are in the MagicMirror modules folder you copy the default/helloworld folder to myawesomemodule (out of the default folder).

      Then, in that folder you rename helloworld.js to myawesomemodule.js and change the name in line 10 in the new file also to myawesomemodule. You will also need to do these renaming steps, to change your module to a different name, so it is best if you pick a great name for what you want to do before you publish the module.

      Now add your new module to the config:

      {
          module: "myawesomemodule",
          position: "upper_third",
          classes: "large thin",
          config: {
              text: "My awesome module says: 'Hello World MagicMirror2'!"
          }
      },
      

      I hope this gets you started. Will see if I can add some more info on the node_helper.js stuff, but you may be able to figure this out yourself, by looking at other modules.

      Helpful sticky: How to troubleshoot

      D 1 Reply Last reply Jan 31, 2017, 9:50 AM Reply Quote 1
      • D Offline
        dz @Jopyth
        last edited by dz Jan 31, 2017, 9:59 AM Jan 31, 2017, 9:50 AM

        @Jopyth thank you. Yes…now my MM able to show the text I add in my module. So far everything looks good for my initial start. Can you show me how I can move further perhaps something that more interactive module.

        This 1st step motivate me to learn more. Thanks sir.!0_1485856767886_MM1.JPG

        1 Reply Last reply Reply Quote 1
        • R Offline
          roramirez Core Contributors
          last edited by Feb 17, 2017, 5:46 PM

          Maybe this can be useful for you
          https://github.com/roramirez/MagicMirror-Module-Template

          Easy module development with MagicMirror Module Template

          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