LiveView demos, examples, and sample apps thread!

Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:

14 Likes

https://twitter.com/alephnaught2tog/status/1106736339502989312

by @aleph-naught2tog

Live version: http://palegoldenrod-grown-ibis.gigalixirapp.com

:003:

5 Likes

Also from @aleph-naught2tog

http://palegoldenrod-grown-ibis.gigalixirapp.com/bear_game

2 Likes

https://live-view-collection.herokuapp.com


Edit: unfortunately these are no longer up…

https://liveview.cleverapps.io

10 Likes

on my website, joeschmoe.io, you can check the sandbox section. I migrated from js to liveview, and wrote about it.

12 Likes

Here is my demo: https://stormy-earth-96381.herokuapp.com/collaborative_canvas

It links to the source, where you can see that the board is just a static ~L"""…""" live template: https://github.com/JohnB/phoenix_live_view_example/blob/master/lib/demo_web/live/collaborative_canvas_live.ex#L33-L44

I’d like to programmatically generate a much larger table. The generation as a separate string is no problem, but getting that string into the template and having it all interpreted correctly is proving difficult. Here is the currently non-working branch: https://github.com/JohnB/phoenix_live_view_example/blob/jb_generate_large_board/lib/demo_web/live/collaborative_canvas_live.ex#L7-L44

Any suggestions will be appreciated.
thanks!

8 Likes

Simple live chat with LiveView and Elixir PubSub https://github.com/amco/elixir-lab/tree/master/lv

4 Likes

I’m gonna be the boring person and copy this tweet I made:

https://twitter.com/AmNicd/status/1110612030346670086

The “60fps” demos are cool and all, but I already saw people misjudging LiveView based on that in Twitter comments.

6 Likes

I built a little application to display the SSE’s provided from the wikimedia kafka clusters.

Demo: https://darkslategray-dental-vicuna.gigalixirapp.com
Code: https://github.com/fklement/wikipedia_live_view

https://twitter.com/FelixKlement/status/1111654030948925440

4 Likes

Love it :023:

1 Like

https://twitter.com/_zorbash/status/1112859727845904385

34 Likes

I recently open sourced my first Phoenix LiveView app (tests included) for those interested in learning more

4 Likes

Comparing liveview with NodeJS:

https://twitter.com/gabrielgiord/status/1113236638774308864

3 Likes

Not mine:

2 Likes

https://twitter.com/DanCarlito/status/1113586521762930688

10 Likes

Phoenix LiveView Ant Farm

Rendering 500 concurrent ants

https://phoenix-liveview-ant-farm.herokuapp.com

By @bigardone

5 Likes

Thanks for the mention :slight_smile:

3 Likes

https://twitter.com/kblake/status/1113936890661457921

2 Likes

https://twitter.com/clarkkampfe/status/1110910055535312900

5 Likes

Thought I’d get in on the live view action. Here is a stopwatch app build with live view loosely based on iOS Stopwatch.
https://fierce-waters-36628.herokuapp.com/
56%20AM

6 Likes