https://github.com/nullthefirst/fcc-markdown-previewer

freeCodeCamp - Markdown Previewer
https://github.com/nullthefirst/fcc-markdown-previewer

Last synced: about 1 year ago
JSON representation

freeCodeCamp - Markdown Previewer

• Host: GitHub
• URL: https://github.com/nullthefirst/fcc-markdown-previewer
• Owner: nullthefirst
• Created: 2021-07-24T08:50:35.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-09-10T07:19:26.000Z (over 4 years ago)
• Last Synced: 2025-02-18T11:43:01.716Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://null-fcc-markdown-previewer.netlify.app/
• Size: 423 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Markdown Previewer

---

> User Story # 1

I can see a textarea element with a corresponding id="editor".

> User Story # 2

I can see an element with a corresponding id="preview".

> User Story # 3

When I enter text into the #editor element, the #preview element is updated as I type to display the content of the textarea.

> User Story # 4

When I enter GitHub flavored markdown into the #editor element, the text is rendered as HTML in the #preview element as I type.

> User Story # 5

When my markdown previewer first loads, the default text in the #editor field should contain valid markdown that represents at least one of each of the following elements: a header (H1 size), a sub header (H2 size), a link, inline code, a code block, a list item, a blockquote, an image, and bolded text.

> User Story #6

When my markdown previewer first loads, the default markdown in the #editor field should be rendered as HTML in the #preview element.

> Optional Bonus

(you do not need to make this test pass): My markdown previewer interprets carriage returns and renders them as br (line break) elements.