LiveView demos, examples, and sample apps thread!

liveview
#1

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

5 Likes

Phoenix LiveView Info
#2

by @aleph-naught2tog

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

:003:

3 Likes

Elixir Moments
#3

Also from @aleph-naught2tog

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

2 Likes

#4

https://liveview.cleverapps.io

8 Likes

#5

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

8 Likes

#6

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!

6 Likes

#7

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

4 Likes

#8

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

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

3 Likes

#9

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

4 Likes

#10

Love it :023:

1 Like

#11
20 Likes

Phoenix LiveView is now... live!
#12

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

4 Likes

Getting Started with Phoenix LiveView
#13

Comparing #liveview with NodeJS:

3 Likes

#14

Not mine:

2 Likes

#15
8 Likes

#16

Phoenix LiveView Ant Farm

Rendering 500 concurrent ants

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

By @bigardone

3 Likes

#17

Thanks for the mention :slight_smile:

3 Likes

#18
2 Likes

#20
3 Likes

#21

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