Hey everyone! Would love your thoughts and feedback on the markdown previewer I built (code, styles, or otherwise)! I went beyond the user stories and added some buttons at the top which insert markdown when clicked.
The most challenging part of this project was structuring my components. Ensuring that button clicks would update my textInput
state was tricky; once I passed my handleButtonClick
function as a prop to my Button
component I was able to update my parent state accordingly.
Links
Github
Live link
I leveraged…
-
TypeScript/React,
-
Sindre Sorhus’s Github Markdown CSS for the preview pane,
-
Marked to parse the markdown input,
-
DOMPurify as an XSS sanitizer,
-
TailwindCSS for component styling,
-
Fontawesome for my button icons.