🚀 Markdown Pro Editor

A high-performance, SEO-optimized, and secure Markdown editor built with React and Vite. Designed for developers and content creators who need a fast, reliable workspace with real-time visual feedback.

✨ Features

• ⚡ Real-time Dual-Pane View: Instant preview as you type with zero lag.
• 🌙 Premium Dark Mode: Sophisticated OLED-black theme with smooth transitions.
• 📚 Masterclass Guide: Built-in comprehensive guide covering basic to advanced Markdown syntax.
• 💾 Auto-Save Intelligence: Your content and theme preferences are automatically saved to local storage.
• 📁 Smart Rename: Easily change your project name with auto-validation before downloading.
• 📤 Pro Export Options:
  • Download as .md file.
  • One-click "Copy as HTML" for easy pasting into CMS or blogs.
• 🛡️ Secure by Design: Integrated DOMPurify to sanitize all rendered HTML and prevent XSS attacks.
• 📱 Responsive Layout: Fully mobile-friendly with dedicated Edit/Preview toggles for small screens.

🛠️ Tech Stack

• Framework: React 18 + Vite (TypeScript)
• Parsing: Marked.js
• Security: DOMPurify
• Syntax Highlighting: Prism.js
• Styling: Modern CSS Variables (Zero external UI frameworks for maximum speed)

🚀 Quick Start

Local Development

1. Navigate to the project folder:

   cd markdown-pro-editor

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

🌍 Deployment

This project is fully optimized for Cloudflare Pages or Vercel.

1. Push this code to a GitHub repository.
2. Connect your repository to Cloudflare Pages.
3. Use the following build settings:
   • Framework Preset: Vite
   • Build Command: npm run build
   • Output Directory: dist

📄 License

This project is licensed under the "All Bayejid Bishwash" license - see the LICENSE file for details.

---

Built with ❤️ by All Bayejid Bishwash