Last updated: June 9, 2023 | at 12:10 AM

Project Links

• LIVE SITE LINK: https://markdown-editor.is-a.fun
• GITHUB REPO: https://github.com/lrmn7/markdown-editor

Markdown-Editor

This is a simple live markdown editor, build with React (Vite) and Chakra UI.

Actually, I made it for myself. But of course I'm open to any feedbacks. You can fork or clone this repo and make a PR here if you have some idea.

What I'm use here?

• Vite as build tool.
• Chakra UI as UI Library.
• React Markdown Preview to make the markdown preview result.
• React TextArea Editor as the text editor component.

How to use it?

• Open markdown-editor.is-a.fun
• You can input your markdown text at the textarea input, and the preview will be displayed live.
• Here's Markdown Cheatsheet to help you write the markdown text.

References

• Vite Docs - Learn about Vite and its features
• Chakra UI - UI component
• Typescript - The programming language
• React Markdown Preview - For the markdown previewer component.
• Freepik Image - For the image asset.

Future Improvement

• Reset the textarea button
• Copy the clipboard button

Getting Started 🛠️

Install with

yarn

Then, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.