A Markdown Previewer project built using Bootstrap, CSS, Redux, JavaScript, React, and Font Awesome.
This project is a Markdown Previewer web application that allows users to write Markdown syntax in a text editor and see the real-time preview of the rendered HTML output. It helps users visualize how their Markdown content will appear when rendered as HTML.
The project includes the following features:
- Textarea element to enter Markdown text.
- Preview element to display the rendered HTML output.
- Integration of the marked library to convert Markdown to HTML.
- Support for GitHub flavored Markdown.
- Default content in the editor showcasing various Markdown elements.
- Optional feature to interpret carriage returns as line breaks (br elements).
- Utilization of Bootstrap for responsive and visually appealing design.
- Redux integration for managing the application state.
- Clone the repository:
git clone https://github.com/Alidante254/Markdown-Previewer.git
- Change to the project directory:
cd markdown-previewer
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open the web browser and visit
http://localhost:3000
to access the Markdown Previewer.
- HTML
- CSS (including Bootstrap)
- JavaScript
- React
- Redux
- Font Awesome
- Add the ability to save and load Markdown files.
- Provide a theme switcher for different previewer styles.
- Implement user authentication and user-specific profiles.
- Add additional Markdown features or customization options.
Feel free to contribute to the project by opening issues or submitting pull requests.
This project is licensed under the MIT License.