Real-time Markdown Viewer A collaborative, real-time markdown editor built with Node.js, Express, Socket.IO, and EJS. Multiple users can edit markdown simultaneously and see changes instantly across all connected clients.
🚀 Features
Real-time Collaboration: Multiple users can edit the same document simultaneously Live Preview: Instant markdown rendering as you type Syntax Highlighting: Beautiful code blocks with highlight.js Responsive Design: Works seamlessly on desktop and mobile devices Connection Status: Visual indicator of connection state User Count: Shows number of active users Tab Support: Proper indentation with Tab key Synchronized Scrolling: Editor and preview panes scroll together Debounced Updates: Optimized performance with intelligent update throttling
🛠️ Technology Stack Backend
Node.js: JavaScript runtime environment Express.js: Fast, unopinionated web framework Socket.IO: Real-time bidirectional event-based communication EJS: Embedded JavaScript templating engine HTTP: Built-in Node.js module for server creation
Frontend
Socket.IO Client: Real-time communication with server Marked.js: Fast markdown parser and compiler Highlight.js: Syntax highlighting for code blocks Vanilla JavaScript: DOM manipulation and event handling CSS3: Modern styling with Grid, Flexbox, and backdrop-filter
Development Tools
Nodemon: Automatic server restart during development NPM: Package management