Markdown Previewer

A simple, real-time markdown previewer that allows users to write markdown text and see the formatted output instantly.

Features

• Real-time markdown preview
• Support for basic markdown syntax:
  • Headings (H1-H6)
  • Bold and italic text
  • Links
  • Lists (ordered and unordered)
  • Code blocks (inline and multi-line)
  • Blockquotes
• Clear/reset button
• Responsive design for mobile and desktop
• Sample markdown text on load

Technologies Used

• HTML5
• CSS3 (with Grid and Flexbox)
• JavaScript (ES6+)
• marked.js for markdown parsing

Getting Started

1. Clone this repository
2. Open index.html in your web browser
3. Start writing markdown in the editor section
4. See the preview update in real-time on the right

Usage

1. Type or paste markdown text in the editor section
2. The preview will update automatically as you type
3. Use the "Clear" button to reset the editor
4. Try the sample markdown text that loads by default

Supported Markdown Syntax

• Headers: # H1, ## H2, etc.
• Bold: **text**
• Italic: *text*
• Links: [text](url)
• Lists:
  • Unordered: - item or * item
  • Ordered: 1. item
• Code:
  • Inline: `code`
  • Block: ```language code ```
• Blockquotes: > text

Browser Support

The application works on all modern browsers:

• Chrome
• Firefox
• Safari
• Edge
• Opera

License

This project is open source and available under the MIT License.