During my co-op internship as a Web Developer at Environment and Climate Change Canada, I found myself writing a lot of markdown for discussions, design documents, and bug reports. HackMD.io is my always first choice for writing markdown documents, but I’ve always wanted a desktop/offline version of HackMD… so I decided to make one 😉
I saw this as an excellent opportunity to learn ElectronJS, which is a framework for creating cross-platform desktop applications using a web development framework of your choice. Vue.js is an amazing and easy-to-use framework, so that’s the framework I went with for this application.
Now about this app, it is a dead-simple markdown editor live previews the markdown in side-by-side panel view, and offers the basic functions that you would see in any text editor such as opening files and saving files, plus a simple set of keyboard commands and syntax highlighting. The editor uses the Codemirror6 library with the markdown language defaults, which is in fact the same library that HackMD.io uses as well.
Here is an example markdown file in md.it:
Visit the GitHub repo for more information, and feel free to download it and try it out!