LiveView demos, examples, and sample apps thread!

It’s fun, great animations. There is a bug though: when you win a hand, your total dollars do not update with your winnings. Only until after you place a bet do you see your cash-in-hand.

Not my creation - but git repo is here: https://github.com/dorilla/live_view_black_jack if you want to PR/make an issue…

3 Likes

A post was split to a new topic: Building a Chat Room with Phoenix Live View and Server Side Rendering Screencast

these are 404

1 Like

Looks like the whole domain is down - hopefully it’s just a temporary glitch…

1 Like

I’m keeping a list of demos at https://medium.com/@leandrocesquini/phoenix-liveview-collection-8259f35ff2b0

It has a lot of links that I could find on Twitter but feel free to comment so I can edit and add more links.

5 Likes

Nooooooooooooooooooooooo!!!

All links are 404.

2 Likes

Check out the replies, some people are seeing different results on their computers (Node is the same speed).

I just checked it myself and Node is nearly the same speed.

https://phoenixliveviewtime.herokuapp.com

https://nodeservertime.herokuapp.com

2 Likes

My first attempt at building something with Elixir/Phoenix:

https://intense-oasis-66457.herokuapp.com/

Keeping-it-too-simple-stupid, probably. But oh well.

4 Likes

That’s amazing. I wanted to build a life demo using LiveView myself. It’d be cool to add multi-user editing capabilities. I’d also like to see a some version of Logo or MicroWorlds implemented using LiveView.

2 Likes

Here is a post for a Table Filter with LiveView :

3 Likes

https://10xdevelopers.com/articles/liveview-examples

2 Likes

Here is the full Phoenix code for a Table Filter with LiveView :

TableFilterForum2

3 Likes

Here my first app using live view in a multiplayer game :smile:


https://frg-tictactoe.herokuapp.com/

6 Likes

Hi everyone,

This is my first post on Elixir Forum, first Phoenix App & first LiveView App. It was really fun!

Built a smallish realtime HackerNews clone.

Will be sharing the code soon, after cleanup :stuck_out_tongue:

Cheers

4 Likes

:cry: Was looking forward to those

Here is my demo: https://github.com/kuroda/live_dendron

On this demo, you can manipulate an organization chart that has groups and members as nodes.

Specifically, you can

  • expand or shrink a group node
  • edit the name of a group or a member
  • add a new group or member
  • delete a new group or member
    live-dendron-screenshot
4 Likes

Search your Elixir logs with LiveView:

Source: https://github.com/Logflare/logflare

7 Likes

This is more of a personal project than a demo, but it was the first time I got to try out live view. Definitely buggy because I’m also doing stuff with js in tandem to give it a snappier UX. (e.g. everytime live view reconnects it washes out any changes my custom js made.) https://peoplesvoicemail.com/lines/1-people-s-voicemail

If you click the open button under one of the messages, all of the data for that message gets loaded and you can react with claps and boos. Try clicking clap or boo a couple times and see what happens :048:

Also on the search page, you can instantly filter and search through messages without reloading the page.

2 Likes

I was learning about IPv6 recently and I have a LiveView app in the making.
https://ipv6.party/

I’m not sure I will join Phoenix Phrenzy with it, cause it’s fun on its own.

It accepts user data and runs OS commands, so if you hack it / break it no problem. :slight_smile:

I’m very satisfied with LiveView and Elixir. So far everything I wanted to do with this little project was straightforward. Thx @chrismccord & others.

2 Likes