Architecture of Editdown

Main Components

Editdown is made up of 2 main components:

• Frontend: A React component React-editdown.
• Backend: A Koa application Koa-editdown.

React-editdown

Usage:

import * as React from 'react'
import * as ReactDOM from 'react-dom'
import Editdown from 'react-editdown'

ReactDOM.render(
  <Editdown src="//backend.url"/>,
  document.querySelector('main'))

Koa-editdown

Usage:

const http = require('http')
const editdown = require('koa-editdown')

http.createServer(editdown.callback())
  .listen(process.env.PORT)

Apps for the End User

Editdown will publish 2 types of app for end user:

• Desktop app: electron app called electron-editdown
• Web app: docker image called docker-editdown

electron-editdown

docker-editdown