React Markdown Preview

A simple React Markdown Preview project in which you will see the editor toolbar and the previewer toolbar. When you write in the editor Toolbox, you can see the output in the Previewer in the form of Markdown (MD).

Description

The React Markdown Preview project provides an interface to write Markdown in an editor and see the formatted output in real-time. This project includes an editor toolbar for writing Markdown and a previewer toolbar to display the rendered Markdown.

Installation

Follow these steps to install and run the project:

1. Clone the repository:

   git clone https://github.com/Mohit138928/React-Markdown-Previewer.git

2. Navigate to the project directory:

   cd react-markdown-previewer

3. Install the dependencies:

   npm install

4. Install additional libraries:
   • Sass: for CSS

     npm install sass

   • Marked: a low-level compiler for parsing markdown

     npm install marked

   • React Icons: for using icons in React

     npm install react-icons --save

5. Run the project:

   npm run start

Usage

1. Write Markdown:

   • Use the editor toolbar to write your Markdown content.

2. Preview Markdown:

   • View the formatted Markdown in the previewer toolbar in real-time.

Preview of the Project

Contributing

Feel free to contribute to this project. Any improvements or suggestions are welcome!

License

This project is open-source and available under the MIT License.

Contact Information

If you have any questions or need further information, feel free to contact me at mauryamohit138@gmail.com.