https://github.com/vidigal-code/markdown-editor-pro

Markdown Editor is a React-based project for editing Markdown text, with support for emojis, styling via Styled Components, and secure rendering using Rehype and Remark.
https://github.com/vidigal-code/markdown-editor-pro

markdown markdown-editor react react-router typescript typescript-react

Last synced: 2 months ago
JSON representation

Markdown Editor is a React-based project for editing Markdown text, with support for emojis, styling via Styled Components, and secure rendering using Rehype and Remark.

• Host: GitHub
• URL: https://github.com/vidigal-code/markdown-editor-pro
• Owner: Vidigal-code
• Created: 2025-03-21T02:55:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-22T05:10:38.000Z (about 1 year ago)
• Last Synced: 2025-03-22T05:25:39.340Z (about 1 year ago)
• Topics: markdown, markdown-editor, react, react-router, typescript, typescript-react
• Language: TypeScript
• Homepage: https://vidigal-code.github.io/markdown-editor-pro
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Markdown Editor

## Description

Markdown Editor is a React-based project for editing Markdown text, with support for emojis, styling via Styled Components, and secure rendering using Rehype and Remark.

## Project Structure

- **Framework:** React + Vite

- **Language:** TypeScript

- **Styling:** Styled Components + SASS

- **Markdown Rendering:** React Markdown + Remark GFM + Rehype

- **Routing Management:** React Router DOM

## Usage Instructions

### Installation

```sh

npm install

```

### Development Environment

```sh

npm run dev

```

### Project Build

```sh

npm run build

```

### Code Linting

```sh

npm run lint

```

### Preview Build

```sh

npm run preview

```

## Example

[Click Here to view the GitHub Repository](https://vidigal-code.github.io/markdown-editor-pro)

![GIF Exemplo / Example GIF](https://github.com/Vidigal-code/markdown-editor-pro/blob/main/src/assets/example.gif?raw=true)

## Notes

This project uses **Vite** for development and build, **ESLint** for code validation, and **TypeScript** for safe typing. Markdown is securely rendered using **Rehype** and **Remark**.