Experience the power of our real-time Markdown editor, meticulously crafted with Node.js and React, and polished with Bootstrap for a sophisticated user interface.
- Live Markdown Editing: See your Markdown changes reflected instantly in the live preview.
- Versatile Viewing Modes: Switch effortlessly between raw Markdown and rendered HTML views.
- Robust Backend Integration: Utilizes Node.js for seamless Markdown to HTML conversion.
- Error Handling Excellence: Enhanced user experience with robust error handling via
react-error-boundary
. - Modern UI Design: Delightful and intuitive interface design using Bootstrap.
- State-of-the-art State Management: Powered by Redux Toolkit and RTK Query for efficient state management.
- Enhanced User Experience: Smooth loading animations using
react-loading-skeleton
. - Secure HTML Rendering: Ensures safe HTML output with
dompurify
.
- Navigate to the
backend
directory. - Install dependencies:
npm install
- Start the server:
npm start
- Launch the development server:
npm run dev
(Default port: 5500)
- Navigate to the
frontend
directory. - Install dependencies:
npm install
- Start the React application:
npm start
(Default port: 4000)
- Access the editor at
http://localhost:4000
in your preferred web browser. - Begin typing Markdown syntax to witness real-time HTML preview updates.
- Easily toggle between raw Markdown and formatted HTML views using intuitive controls.
Contributions via pull requests and issue reports are warmly welcomed.
Licensed under the MIT License for maximum flexibility and usability.