Git Product home page Git Product logo

laravel-realtime-example's Introduction

Realtime Pizza Order Tracker - Laravel, Vue & Pusher

๐Ÿ•๐Ÿ•๐Ÿ•

Code for YouTube video tutorial: https://www.youtube.com/watch?v=pjK0VMTCtVg

Installation

  1. clone the repo and cd into it
  2. composer install
  3. rename or copy .env.example file to .env
  4. Enter your database credentials in your .env file
  5. Change BROADCAST_DRIVER to pusher in your .env file
  6. Enter your Pusher credentials in your .env file. If needed, change cluster in config/broadcasting.php
  7. php artisan migrate
  8. php artisan key:generate
  9. Enter your Pusher key in resources/assets/js/bootstrap.js. If needed, change cluster as well
  10. npm install
  11. npm run dev
  12. php artisan serve or use Laravel Valet
  13. Visit localhost:8000 in your browser
  14. Make a new user and a new pizza order. Open up another window, go to admin, change order status, and watch it update in realtime!

laravel-realtime-example's People

Contributors

dependabot[bot] avatar drehimself avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

laravel-realtime-example's Issues

Real time not working.

Hi Sir!

After clone this project and followed the instructions.

here's I encountered.
snip20180906_1

Please help to fix this issue.

Thanks,

Mark Villudo

Installation Process

Kindly add the Installation guide which help people to use your work with in no time.

npm install failed

i hope someone help, I tried following the instruction but this happen when npm install:

[email protected] install D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-sass
node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.7.2/win32-x64-64_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.7.2/win32-x64-64_binding.node":

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.

  export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

  npm config set proxy http://example.com:8080

[email protected] postinstall D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\webpack\node_modules\uglifyjs-webpack-plugin
node lib/post_install.js

[email protected] postinstall D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-sass
node scripts/build.js

Building: C:\Program Files (x86)\Nodist\v-x64\10.13.0\node.exe D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'C:\Program Files (x86)\Nodist\v-x64\10.13.0\node.exe',
gyp verb cli 'D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)
gyp verb which failed python2 { Error: not found: python2
gyp verb which failed at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)
gyp verb which failed stack:
gyp verb which failed 'Error: not found: python2\n at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)\n at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)\n at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:154:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)
gyp verb which failed python { Error: not found: python
gyp verb which failed at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)
gyp verb which failed at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)
gyp verb which failed at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5
gyp verb which failed at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqWrap.oncomplete (fs.js:154:21)
gyp verb which failed stack:
gyp verb which failed 'Error: not found: python\n at getNotFoundError (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:13:12)\n at F (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:68:19)\n at E (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:80:29)\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\which\which.js:89:16\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\index.js:42:5\n at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\isexe\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:154:21)',
gyp verb which failed code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at PythonFinder. (D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:154:21)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\Program Files (x86)\Nodist\v-x64\10.13.0\node.exe" "D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\APP\xampp7\htdocs\LESSON\pizzavel\node_modules\node-sass
gyp ERR! node -v v10.13.0
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\mhusein\AppData\Roaming\npm-cache_logs\2018-11-29T07_51_18_679Z-debug.log

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.