Dashboard (Algolia)

A1b4b398630bbd32b77a82cbc37fae9a?s=47 Freek Van der Herten
September 07, 2017
Programming
0
100

Dashboard (Algolia)

A1b4b398630bbd32b77a82cbc37fae9a?s=128

Freek Van der Herten

September 07, 2017
Tweet

Want more?

A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
0
85
A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
1
310
A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
0
240
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
3
760
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
14
890
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
6
490
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
310
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
640
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
330
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
370
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
5
920
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
240

Transcript

  1. 1.

    Creating a dashboard using Laravel , Vue and Pusher

  2. 2.

    About me Freek Van der Herten Partner & developer at

    SPATIE @freekmurze https://murze.be
  3. 3.

    Since 2003 Websites, applications and webshops Team 4 developers, 1

    manager Specialization Laravel development
  4. 4.

    OPEN SOURCE SOFTWARE

  5. 5.

    https://spatie.be/en/opensource/laravel

  6. 6.

    Open source software ± 160 public repositories on GitHub August

    2016: ± 800 000 downloads August 2017: ± 5 000 000 downloads ± 500 000 downloads a month A lot of benefits: learning, writing quality documentation and tests, showing the quality of our work, eating our own dogfood
  7. 7.

    http://github-awards.com/users?type=world&language=php Open source software

  8. 8.

    WE ❤ POSTCARDS

  9. 9.

    Spatie
 Samberstraat 69D 2060 Antwerp
 Belgium

  10. 10.
    None
  11. 11.
    None
  12. 12.
    None
  13. 13.
    None
  14. 14.
    None
  15. 15.
    None
  16. 16.
    None
  17. 17.
    None
  18. 18.
    None
  19. 19.
    None
  20. 20.
    None
  21. 21.
    None
  22. 22.
    None
  23. 23.
    None
  24. 24.
    None
  25. 25.
    None
  26. 26.
    None
  27. 27.

    https://github.com/spatie/dashboard.spatie.be

  28. 28.

    HIGH LEVEL OVERVIEW

  29. 29.

    The dashboard is a single HTML page Displayed by a

    full screen browser Without full page reload Each tile wil be updated by JavaScript Each tile has it’s own update frequency In short
  30. 30.
    None
  31. 31.

    DEMO

  32. 32.

    Grid system The Packagist tile The Twitter tile Topics

  33. 33.

    There will be 
 some live coding We’ll use 


    an internet connection
  34. 34.

    DISPLAYING ON A TV

  35. 35.

    Raspberry Pi 2

  36. 36.

    Raspberry Pi 2 Powered by the USB port from the

    TV Uses Raspbian Jessie Boots into Chromium 56 in fullscreen mode Setup
  37. 37.

    TRY IT OUT YOURSELF

  38. 38.

    Source code https://github.com/spatie/dashboard.spatie.be Blog post https://murze.be/2017/06/building-realtime-dashboard-powered- laravel-vue-2017-edition/ Documentation

  39. 39.

    Thank you! https://speakerdeck.com/freekmurze/dashboard-algolia https://spatie.be/opensource/laravel https://murze.be https://murze.be/newsletter

  40. 40.

    QUESTIONS?