https://github.com/fireyy/piper

A drag-and-drop mobile website builder base on Vue
https://github.com/fireyy/piper

builder drag drag-and-drop editor page-builder vue

Last synced: 27 days ago
JSON representation

A drag-and-drop mobile website builder base on Vue

• Host: GitHub
• URL: https://github.com/fireyy/piper
• Owner: fireyy
• Created: 2017-01-16T06:13:27.000Z (almost 8 years ago)
• Default Branch: dev
• Last Pushed: 2018-03-08T06:42:26.000Z (almost 7 years ago)
• Last Synced: 2024-04-10T04:06:47.350Z (9 months ago)
• Topics: builder, drag, drag-and-drop, editor, page-builder, vue
• Language: Vue
• Homepage: https://piper-now.herokuapp.com
• Size: 2.21 MB
• Stars: 255
• Watchers: 11
• Forks: 76
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Piper [![Build Status](https://travis-ci.org/fireyy/piper.svg?branch=dev)](https://travis-ci.org/fireyy/piper)



  

    

    


    Live Demo

  



> A drag-and-drop mobile website builder base on Vue.

### Install

```shell

npm install

```

### Config

First of all，create a database `piper` in `PostgreSQL`, `MySQL`, `SQLite` or `MSSQL`.

Then set up `.env` file with your:

- Database connection details

- Qiniu SDK config

- Github `CLIENT_ID` and `CLIENT_SECRET`

```shell

cp env.sample .env

```

### Develop

```shell

npm run dev

```

### A message about px to rem

```css

// `px` is converted to `rem`

.convert {

    font-size: 16px; // converted to 1rem

}

// `Px` or `PX` is ignored by `postcss-pxtorem` but still accepted by browsers

.ignore {

    border: 1Px solid; // ignored

    border-width: 2PX; // ignored

}

```

### Changelog

#### 1.0.5

- Login with Github base on [Passport.js](http://passportjs.org/).

- Use [Sequelize.js](http://docs.sequelizejs.com/) for Database dialects.

- Use [Axios](https://github.com/mzabriskie/axios) instead of vue-resource.

- fix issues.