Markdown Previewer is a simple and intuitive web application that allows users to write Markdown text and instantly see the rendered HTML preview in real-time. Built with React, JavaScript, and modern frontend tools, this project demonstrates skills in dynamic UI updates, Markdown parsing, and responsive design. It was created as part of the FreeCodeCamp Front End Libraries certification to fulfill all required user stories and deliver a smooth editing experience.
- Real-time Markdown to HTML conversion as you type
- Instant preview updates without page reloads
- Supports GitHub-flavored Markdown syntax including headers, links, code blocks, lists, blockquotes, images, and bold text
- Responsive layout optimized for desktop and mobile devices
- Clean, user-friendly interface with syntax highlighting
- Easy sharing or copying of rendered HTML output
- HTML5, CSS3 Modules
- JavaScript
- React
- Prettier
- Clone the repository
- Install dependencies
pnpm install- Start the app
pnpm run dev
I appreciate your stars ⭐ and feedback!