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