Yehez-Markdown-Editor

This is a simple live markdown editor, build with React (Vite) and Chakra UI. You can access the live demo at markdown.yehezgun.com.

This project was scaffolded using yehez-vitechakra-starter.

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.yehezgun.com
• 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