Preview-mark

A markdown previewer build using react + typesript.
Work in progress��

Learnings

• 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

Tech Stack

Client: React+Typescript, TailwindCSS

Authors

• @bonniesimon