/Design-Prototype-Feedback-Application

Invision-like Design Prototype Feedback Application built using Laravel Vue and Pusher

Primary LanguagePHP

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

Get help on Codementor

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.

The code is available on the Pusher blog.

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.