/codePen-MarkdownPreviewer

A CodePen.io App that renders output view from markdown language text input using React JavaScript.

Primary LanguageJavaScriptOtherNOASSERTION

Markdown Previewer

A CodePen.io App that displays output from markdown text input.

Project 2 of 5 for freeCodeCamp's Front End Libraries Developer Certification.

Public Webpage: Markdown Previewer.

A Pen created at CodePen.io. You can find this one at https://codepen.io/carlos-i-martinez/pen/PLLYMz

Completed Front End Libraries Certification: Certificate.

FreeCodeCamp Public Profile: Carlos Martinez FreeCodeCamp

Technologies Used:

  • HTML, JavaScript, CSS, Marked.js, React and Babel.

Some requirements to complete project:

  • Text area for user input.
  • Preview area showing output from markup input text.
  • When text is entered into the user input area, the preview area is updated as its being typed to display the content of the input area.
  • When GitHub flavored markdown text is entered into the input area, the text is rendered as HTML in the preview area as its being typed.
  • When a link rendered by my markdown previewer is clicked, the link is opened up in a new tab.