An open API service indexing awesome lists of open source software.

https://github.com/sharadj19/mdeditor

A minimal Markdown editor with real-time rendering.
https://github.com/sharadj19/mdeditor

expressjs markdown-editor marked-js mongodb nodejs tailwindcss

Last synced: 12 days ago
JSON representation

A minimal Markdown editor with real-time rendering.

Awesome Lists containing this project

README

          

๐Ÿ–‹๏ธ Markdown Editor with Preview


Real-time markdown editor with live preview and theme toggle, backed by Node, Express, and MongoDB.






## โœจ Features

- โœ… Real-time Markdown preview as you type
- โœ… Save and retrieve Markdown files from MongoDB
- โœ… Dracula theme + optional light mode toggle
- โœ… Theme persistence via `localStorage`
- โœ… Clean, responsive, and minimal UI

## ๐Ÿท๏ธ Tech Stack

| Layer | Tech Stack |
| ------------ | ----------------------------------- |
| **Frontend** | HTML, CSS, Tailwind CSS, JavaScript |
| **Backend** | Node.js, Express |
| **Database** | MongoDB |
| **Markdown** | Marked.js |

## ๐Ÿ“บ Demo


Markdown Editor Screenshot

๐Ÿ”— **Live Demo โ†’** *([https://mdeditor.onrender.com](https://mdeditor.onrender.com))*

## ๐Ÿงช Test Usage

This app does not require login. Just run and use directly. You can:

- โœ๏ธ Write Markdown on the left
- ๐Ÿ‘€ See preview on the right
- ๐Ÿ’พ Save documents by file name
- ๐Ÿ“‚ Open them back with the same name
- ๐ŸŒ™ Switch between Dracula and Light theme

## ๐Ÿ› ๏ธ Installation

```bash
# Clone the repo
git clone https://github.com/SharadJ19/mdeditor.git
cd mdeditor

# Install dependencies
npm install

# Create a .env file and configure your MongoDB URI
# Example:
# MONGO_URI=mongodb+srv://

# Start the server
node server.js
```

Visit [`http://localhost:3000`](http://localhost:3000) in your browser.

## ๐Ÿ‘จโ€๐Ÿ’ป Author



Sharad's Avatar


Sharad Chandel

๐Ÿ“ซ [Email](mailto:sharadchandel2005@gmail.com)
๐Ÿ”— [LinkedIn](https://www.linkedin.com/in/sharadchandel2005/)
๐ŸŒ [Portfolio](https://sharad.is-a.dev/)

## ๐Ÿ“ License

๐Ÿงพ This project is licensed under the **GNU General Public License v3.0**.
See the [LICENSE](./LICENSE) file for full legal details.

## ๐Ÿค Contribution

Pull requests are welcome.
For major changes, open an issue first to discuss the idea.


๐Ÿง  Made with Markdown, Mongo, and midnight coffee โ˜•