# Markdown WYSIWYG Editor

A beautiful WYSIWYG Markdown editor with image support, built with React + Vite.js frontend and Gin-Golang backend.

## Features

- Real-time WYSIWYG Markdown editing
- Split-view option (edit and preview simultaneously)
- Base64 image encoding with drag-and-drop and clipboard paste support
- Fullscreen editing mode
- File input/output with automatic saving
- Toolbar with common formatting options
- Keyboard shortcuts for efficient editing
- Dark/light theme support
- Mobile-responsive design

## Tech Stack

### Frontend
- React 18
- TypeScript
- Vite.js
- TipTap editor (based on ProseMirror)
- Tailwind CSS
- Lucide React icons

### Backend
- Golang
- Gin web framework
- File system storage

## Development

### Prerequisites
- Node.js 16+
- Go 1.18+

### Setup

1. Install frontend dependencies:
```bash
npm install
```

2. Install backend dependencies:
```bash
cd backend
go mod download
```

3. Run the development server:
```bash
# Frontend
npm run dev

# Backend (in a separate terminal)
cd backend
go run main.go
```

## Building for Production

```bash
# Build both frontend and backend
node scripts/build.js
```

This will:
1. Build the React frontend with Vite
2. Compile the Go backend
3. Prepare the application for deployment

## License

MIT