https://github.com/raulfdm/markdown-to-html-image

https://github.com/raulfdm/markdown-to-html-image

svelte sveltejs typescript xstate

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/raulfdm/markdown-to-html-image
• Owner: raulfdm
• License: mit
• Created: 2021-11-18T06:15:42.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-03T17:26:40.000Z (6 months ago)
• Last Synced: 2024-05-14T00:44:00.732Z (6 months ago)
• Topics: svelte, sveltejs, typescript, xstate
• Language: Svelte
• Homepage: https://markdown-to-html-image.vercel.app/
• Size: 49.8 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Markdown2Html Image online parser

> A tiny project to help people convert markdown images to HTML tag

## Problem

Despite markdown being popular among devs, non-technical people find it hard to understand its syntax, mainly how it works.

The problem this project solves came from the following support question:

> "How can I define the image size in markdown?"

I noticed that even I explained, the person had never written a single line of HTML, which I ended up parsing the links manually.

## Techs

- [Svelte](https://svelte.dev/) + [Sveltekit](https://kit.svelte.dev/) as JS Framework

- [xstate](https://xstate.js.org/) for handling finite state machine

- [TailwindCSS](https://tailwindcss.com/) for styles

- [Vercel](https://vercel.com/) for hosting

## Running locally

First, ensure you have `pnpm` installed globally. If not, install it via:

```

npm install -g pnpm

```

Then, install the project dependencies:

```

pnpm install

```

Finally, run the project:

```

pnpm dev

```

## LICENSE

[MIT](./LICENSE)