odagora / vue-markdown Goto Github PK

This project contains the source code for a realtime markdown editor built with Vue.js and Pusher. Article here

1. You will need the following things properly installed on your computer.

• Node.js (with npm)
• Vue CLI
• Google Chrome

2. Create a Pusher application - Create a new application on your Pusher Dashboard to get your app credentials.

$ git clone https://github.com/yemiwebby/vue-markdown.git

$ cd vue-markdown

npm install

PUSHER_APP_ID=YOUR_APP_ID
PUSHER_APP_KEY=YOUR_APP_KEY
PUSHER_APP_SECRET=YOUR_APP_SECRET
PUSHER_APP_CLUSTER=YOUR_APP_CLUSTER

Open ./src/components/HomeComponent.vue and update with the appropriate credentials as obtained from your Pusher dashboard YOUR_APP_KEY and CLUSTER:

    let pusher = new Pusher("YOUR_APP_KEY", {
      cluster: "CLUSTER",
      ...
    });

$ npm start

node server

• Visit your app at http://localhost:8080.

• Vue.js - A progressive JavaScript framework for building applications

• Pusher - A Node.js client to interact with the Pusher REST API