Back to Portfolio

README Reader

Editor

Preview

# 📖 README Reader

Welcome to the **README Reader** — a split-screen Markdown editor with live preview.

## ✨ Features

- ✅ Real-time Markdown rendering
- ✅ Draggable resizable divider
- ✅ GitHub-flavored Markdown support
- ✅ Dark theme that matches the portfolio

## 🚀 Getting Started

Paste your `README.md` content in the editor on the left, and see it rendered instantly on the right.

### Code Example

```python
def hello_world():
    print("Hello from README Reader!")

hello_world()
```

### Inline Code

Use `npm install` to install dependencies.

## 📋 Table Example

| Feature       | Status |
| ------------- | ------ |
| Live Preview  | ✅      |
| GFM Support   | ✅      |
| Resizable     | ✅      |
| Dark Theme    | ✅      |

## 🔗 Links

- [GitHub](https://github.com)
- [Next.js Docs](https://nextjs.org/docs)

## 📝 Task List

- [x] Build the editor
- [x] Add live preview
- [x] Make it beautiful
- [ ] Ship it!

> **Tip:** Drag the divider between the panels to resize them!

---

*Built with ❤️ using React, Next.js, and react-markdown.*

📖 README Reader

Welcome to the README Reader — a split-screen Markdown editor with live preview.

✨ Features

✅ Real-time Markdown rendering
✅ Draggable resizable divider
✅ GitHub-flavored Markdown support
✅ Dark theme that matches the portfolio

🚀 Getting Started

Paste your README.md content in the editor on the left, and see it rendered instantly on the right.

Code Example

def hello_world():
    print("Hello from README Reader!")

hello_world()

Inline Code

Use npm install to install dependencies.

📋 Table Example

Feature	Status
Live Preview	✅
GFM Support	✅
Resizable	✅
Dark Theme	✅

🔗 Links

📝 Task List

Build the editor
Add live preview
Make it beautiful
Ship it!

Tip: Drag the divider between the panels to resize them!

Built with ❤️ using React, Next.js, and react-markdown.