PreviewMark enables you to write, render, preview and share the markdown that you write.
Work in progress 👷

• Configuring a React project using Typescript
• Using typescript for react
• Using TailwindCSS to create UI's.
• HTML converts multiple newline into a single whitespace. This doesn't allow use to use newline in textarea and use it for the preview since HTML converts the newlines into whitespace. source
• Adding custom renderer to marked. This was required since tailwind defaults all the heading tags. Used the docs of marked.
• Using localStorage to persist browser state
• Solved the gh-pages issue with react-router using source
• Learned about the usecase of HashRouter. And the incompetence of react routing which creates confusion between server side and client side routing.

Client: React+Typescript, TailwindCSS
API: Deta Micro

• @bonniesimon