https://github.com/thuyencode/markdown-previewer

Build a Markdown Previewer | freeCodeCamp
https://github.com/thuyencode/markdown-previewer

freecodecamp markdown

Last synced: about 1 month ago
JSON representation

Build a Markdown Previewer | freeCodeCamp

• Host: GitHub
• URL: https://github.com/thuyencode/markdown-previewer
• Owner: thuyencode
• License: gpl-3.0
• Created: 2023-05-22T04:01:16.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-21T19:28:52.000Z (over 1 year ago)
• Last Synced: 2025-01-25T22:58:23.342Z (about 1 year ago)
• Topics: freecodecamp, markdown
• Language: TypeScript
• Homepage: https://thuyencode.github.io/markdown-previewer
• Size: 844 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Markdown Previewer | A project for freeCodeCamp

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com) [![Markdown](https://img.shields.io/badge/Markdown_It-000000?style=for-the-badge&logo=markdown&logoColor=white)](https://github.com/markdown-it/markdown-it) [![freeCodeCamp](https://img.shields.io/badge/Built%20for-freeCodeCamp-1f425f.svg?style=for-the-badge&logo=freecodecamp&logoColor=white)](https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer)

[![Markdown Previewer](https://i.ibb.co/ng8PBRX/localhost-2023-10-11-10-33-55.png)](https://ibb.co/M25Bf9z)

The other libraries used for front-end rendering in this project are:

- [markdown-it-ins](https://github.com/markdown-it/markdown-it-ins)

- [markdown-it-abbr](https://github.com/markdown-it/markdown-it-abbr)

- [markdown-it-deflist](https://github.com/markdown-it/markdown-it-deflist)

- [markdown-it-emoji](https://github.com/markdown-it/markdown-it-emoji)

- [mdit-plugins](https://github.com/mdit-plugins/mdit-plugins)

- [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)

## How to play with this project

```text

git clone https://github.com/thuyencode/markdown-previewer

cd markdown-previewer

npm i && npm run dev

```

If you want the production build::

```text

npm run build

npm run preview

```