henrietteBaum / Speaking-Notes-MD

Speaking-Notes-Markdown

Demo-Project for learning purpose. Provide accessibility for visual-impared users.

Simple markdown-editor uses React.js, React-markdown, Styled-Components, Context-API.

Dependencies

• node.js
• create-react-app
• react-router-dom
• styled-components
• bootstrap
• react-bootstrap
• react-markdown
• react-syntax-highlighter
• remark-gfm

---

:note: Just under development!

---

Changelog:

• v 4.0.0: uses markdown and preview side by side
• v 4.1.0: add NavBar and uses React-Router
• v 4.2.0: uses React-Bootstrap for NavBar
• v 4.2.1: add syntax-highlighting to Preview

Learning-Sources:

Philip Ackermann: 'Webentwicklung', Rheinwerk Verlag, 1. Auflage 2021

bestofreact.com

CodeSandbox: Islem Mabood, markdown-editor

Markdown-logo, svg:

Von Dustin Curtis - https://github.com/dcurtis/markdown-mark/tree/master/svg, CC0, https://commons.wikimedia.org/w/index.php?curid=31095459