Markdown Previewer

An interactive editor that converts Markdown input into HTML preview in real-time.

Built with

  • React
  • Marked.js
  • JavaScript
  • HTML
  • CSS
Markdown Previewer, main screen

About it

This application provides a text area for users to input Markdown syntax and displays the corresponding HTML output simultaneously.

What it does

  • Real-time conversion of Markdown to HTML
  • Syntax highlighting for code blocks
  • Responsive and user-friendly interface

How it's built

  1. Integrates Marked.js library for Markdown parsing
  2. Manages input and output synchronization using React state
  3. Applies custom CSS for enhanced styling and layout