It's a pun get it! It's a good pun I came up with this while trying to sleep and coded in a day. I wanted to make a markdown previewer.
Anyway it turned out pretty good and you can check it out over at https://markdown-online-editor.netlify.app/.
The entire app relies on a knowledge of markdown so that's step number one. Markdown is just a nicer markup language for writing text and ends up being super readable when you're done.
Just type in a bunch of stuff in markdown into the editor panel and you'll be able to a formatted pretty version of your document to in the preview panel. It all the basic markdown features and even stuff like tables and quotes.
It's a pretty simple React app . After that it uses the react-marked
library to parse the inputted text. The styling and CSS is all done by yours truly, with a colour palette stolen from the https://bootflat.github.io/color-picker.html .