Tech Stack
- HTML
- CSS
- Reactjs
- Prismjs
- Marked
Features
- Real-time Markdown Editing: The web app offers a responsive and real-time editing environment, where users can write and modify their Markdown documents with immediate visual feedback.
- Live Markdown Preview: The app provides a side-by-side live preview of the Markdown document, showing users exactly how their content will appear when rendered.
- Screen Preview Option: Allowing users to view their Markdown documents in full-screen mode. This feature enables distraction-free reading and enhances the focus on the content, especially useful for reviewing lengthy documents or engaging in immersive writing sessions.
- Responsive Design Support: Designed is fully responsive, ensuring that users can access and utilize the app seamlessly on various devices, including desktops, laptops, tablets, and smartphones. The user interface automatically adapts to different screen sizes and orientations, optimizing the editing experience regardless of the device being use
Future Development
- Syntax Highlighting: To assist users in identifying Markdown elements, the editor includes syntax highlighting, which color-codes different Markdown syntax elements.
- Export Options: The web app enables users to export their Markdown documents in various formats, such as HTML, PDF, or plain text, for sharing or offline use.
- Import Markdown Files: Users can import existing Markdown files into the editor to continue working on them or make further edits.
- Auto-save and Version Control: The web app automatically saves the user's progress at regular intervals, ensuring that their work is not lost in case of unexpected disruptions. Additionally, it may offer version control, allowing users to revert to previous document states.
- Customizable Themes: The app may offer a range of themes and styling options, allowing users to tailor the editor's appearance to their preferences.
- Collaboration (Optional): Depending on the implementation, the web app might support real-time collaboration, enabling multiple users to work together on the same Markdown document simultaneously.