Example on how to build a realtime design prototype feedback app using Vue, Pusher and Laravel

Requirements

For this to work, you need to have

• Knowledge of PHP & the Laravel framework.
• Knowledge of JavaScript (ES6).
• Knowledge of VueJS.
• PHP 7.0+ installed locally on your machine.
• Laravel CLI installed locally.
• Composer installed locally.
• NPM and NodeJS installed locally.
• A Pusher application. Create one on pusher.com.

View tutorial

Installation

• Download or clone the repository.
• Copy the .env.example file to .env.
• In your .env file
  • Change the DB_CONNECTION=sqlite
  • Remove all other DB_* keys.
  • Change BROADCAST_DRIVER=pusher.
  • Update the PUSHER_APP_* keys with the values from the Pusher dashboard.
  • Add PUSHER_APP_CLUSTER="CLUSTER" where CLUSTER is the Pusher application cluster.
• Run php artisan key:generate to generate the key for the env file.
• Run touch databases/database.sqlite to create the SQLite database file.
• Run php artisan migate to migrate the databases.
• Update the resources/assets/js/bootstrap.js file with the Pusher key.
• Run npm install to install the dependencies.
• Run npm run dev to run the NPM script.
• Run php artisan serve.