John Chen

Build Applications from Website to Mobile

React Markdown Editor

A Markdown editor app with React.js built to facilitate editing Markdown documents

View the App | GitHub | Expo Publish | GitHub(Mobile)

A Markdown editor app with React.js is built to facilitate editing Markdown documents. The WYSIWYG editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the HTML output is shown simultaneously when editing Markdown documents.

Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In other words, for an unfamiliar user, the syntax they write will make little sense until they view the result. This app has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

Responsive web CSS designs are adopted for the app, this makes the app looks good on all devices. iOS and Android mobile apps are also delivered. The apps are developed with React Native, anyone who is interested can test the apps through the Expo Publish Link as above with Expo Go app.

Docker: docker run -p 3000:3000 jglchen/react-md-editor

Screenshot of the Website AppScreenshot of the Mobile App