https://github.com/loayahmed304/mark-it

A real-time, live-collaboration, cross-platform Markdown editor. Write, edit, and preview Markdown documents simultaneously with others, from any device, anywhere.
https://github.com/loayahmed304/mark-it

markdown markdown-editor mongodb nodejs react socket-io tailwindcss typescript websocket

Last synced: 3 months ago
JSON representation

A real-time, live-collaboration, cross-platform Markdown editor. Write, edit, and preview Markdown documents simultaneously with others, from any device, anywhere.

• Host: GitHub
• URL: https://github.com/loayahmed304/mark-it
• Owner: LoayAhmed304
• Created: 2025-06-07T17:45:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-14T13:14:51.000Z (about 1 year ago)
• Last Synced: 2025-06-14T14:24:42.159Z (about 1 year ago)
• Topics: markdown, markdown-editor, mongodb, nodejs, react, socket-io, tailwindcss, typescript, websocket
• Language: JavaScript
• Homepage: https://loay.work/
• Size: 295 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mark It - Live Markdown Editor

A cross-platform, real-time collaborative Markdown editor. Write and edit markdown documents alone or with others instantly.

Built as one of the projects to apply my studying for WebSockets in.

**Feel free to check out my [WebSockets Medium article](https://medium.com/p/d21bc3a362b4). Please keep in mind that these are my personal study notes, not a formal tutorial.**

🌐 Try it now: https://mark.loay.work

### Video Preview

[Check out a small video preview, recorded on 2 screens for smooth live-collab experience](https://drive.google.com/file/d/1amDlraQiyZ5ncm0aXxsGW98e2Y7iNFZ1/view?usp=sharing)

## Features

- Real-time collaboration: Work with others simultaneously on the same document.

- Efficient edit syncing: Edits are sent as compact _patch diffs_ to reduce payload size and improve performance.

- Live markdown preview: Instantly see markdown preview as you type.

- Clean and minimal interface:

- Cross-platform support

## Tech Stack

- WebSockets

- Socket.io

- Node.js (Typescript)

- Markdown rendering libraries

- React + Tailwindcss

## Screenshots

- Live sessions support

![before session](https://i.ibb.co/tp58KzH0/image.png) ![session preview](https://i.ibb.co/21mFpb0K/image.png)

- Multi-document storage

![ss](https://i.ibb.co/23F2j7D6/Screenshot-2025-06-16-151337.png)

- Real-time markdown conversion

![markdown](https://i.ibb.co/RpWwv1h4/image.png)

---

Built with love for smooth writing and collaboration.