<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="129129" data-post-id="129129">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="axelclark" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelclark/120/38296_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  axelclark
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><a href="https://twitter.com/a4word/status/1130533897123508225" class="onebox" target="_blank" rel="noopener nofollow ugc">https://twitter.com/a4word/status/1130533897123508225</a></p>
<p><a href="https://10xdevelopers.com/articles/liveview-examples" class="onebox" target="_blank" rel="noopener nofollow ugc">https://10xdevelopers.com/articles/liveview-examples</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="129129" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-129129" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="129129"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #32"></div>
  </section>
</div>
    <div class="postbit" id="129146" data-post-id="129146">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="imartinat" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/imartinat/120/15554_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  imartinat
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Here is the full Phoenix code for a Table Filter with LiveView :<br>
<a href="https://github.com/imartinat/phoenix_live_view_tablefilter" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/imartinat/phoenix_live_view_tablefilter</a></p>
<p><img src="https://forum.elixirforum.com/uploads/default/original/2X/0/0010ba9836d6f6a4743742656ac62d05e52ace17.gif" alt="TableFilterForum2" data-base62-sha1="zQaC6MIDCebcbWc5v9fvMgO1N" width="452" height="231" class="animated"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="129146" data-batch-url="/posts/batch_likers">
                        4
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-129146" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="129146"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #33"></div>
  </section>
</div>
    <div class="postbit" id="129725" data-post-id="129725">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="feliperenan" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/feliperenan/120/15585_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  feliperenan
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Here my first app using live view in a multiplayer game <img src="https://forum.elixirforum.com/images/emoji/apple/smile.png?v=15" title=":smile:" class="emoji" alt=":smile:" loading="lazy" width="20" height="20"><br>
<a href="https://github.com/feliperenan/tictactoe" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/feliperenan/tictactoe</a><br>
<a href="https://frg-tictactoe.herokuapp.com/" class="onebox" target="_blank" rel="noopener nofollow ugc">https://frg-tictactoe.herokuapp.com/</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="129725" data-batch-url="/posts/batch_likers">
                        6
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-129725" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="129725"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #34"></div>
  </section>
</div>
    <div class="postbit" id="133597" data-post-id="133597">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="ashishwadekar" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/ashishwadekar/120/14829_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  ashishwadekar
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hi everyone,</p>
<p>This is my first post on Elixir Forum, first Phoenix App &amp; first LiveView App. It was really fun!</p>
<p>Built a smallish realtime HackerNews clone.<br>
<a href="https://twitter.com/ashishwadekar/status/1143596972345049088?s=20" class="onebox" target="_blank" rel="noopener nofollow ugc">https://twitter.com/ashishwadekar/status/1143596972345049088?s=20</a></p>
<p>Will be sharing the code soon, after cleanup <img src="https://forum.elixirforum.com/images/emoji/apple/stuck_out_tongue.png?v=15" title=":stuck_out_tongue:" class="emoji" alt=":stuck_out_tongue:" loading="lazy" width="20" height="20"></p>
<p>Cheers</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="133597" data-batch-url="/posts/batch_likers">
                        4
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-133597" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="133597"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #35"></div>
  </section>
</div>
    <div class="postbit" id="136926" data-post-id="136926">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mchean" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mchean/120/6820_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mchean
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><img src="https://forum.elixirforum.com/images/emoji/apple/cry.png?v=15" title=":cry:" class="emoji" alt=":cry:" loading="lazy" width="20" height="20">  Was looking forward to those</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="136926" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-136926" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="136926"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #36"></div>
  </section>
</div>
    <div class="postbit" id="138378" data-post-id="138378">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kuroda" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kuroda/120/3776_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kuroda
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Here is my demo: <a href="https://github.com/kuroda/live_dendron" class="inline-onebox" rel="noopener nofollow ugc">GitHub - kuroda/live_dendron: Live Dendron - a Phoenix LiveView demo · GitHub</a></p>
<p>On this demo, you can manipulate an organization chart that has groups and members as nodes.</p>
<p>Specifically, you can</p>
<ul>
<li>expand or shrink a group node</li>
<li>edit the name of a group or a member</li>
<li>add a new group or member</li>
<li>delete a new group or member<br>
<div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/e/8/e8a1a4f6103b660eff01b917cf669ebe67f5bdbd.png" data-download-href="https://forum.elixirforum.com/uploads/default/e8a1a4f6103b660eff01b917cf669ebe67f5bdbd" title="live-dendron-screenshot" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/e/8/e8a1a4f6103b660eff01b917cf669ebe67f5bdbd.png" alt="live-dendron-screenshot" data-base62-sha1="xbX5RL3ohwRK3ncsIyNI9pHqKBf" width="404" height="371"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">live-dendron-screenshot</span><span class="informations">404×371 16.8 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div></li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="138378" data-batch-url="/posts/batch_likers">
                        4
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-138378" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="138378"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #37"></div>
  </section>
</div>
    <div class="postbit" id="139978" data-post-id="139978">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="chasers" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/chasers/120/14188_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  chasers
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Search your Elixir logs with LiveView:</p>
<p><a href="https://twitter.com/chasers/status/1161407487913803777" class="onebox" target="_blank" rel="noopener nofollow ugc">https://twitter.com/chasers/status/1161407487913803777</a></p>
<p>Source: <a href="https://github.com/Logflare/logflare" class="inline-onebox" rel="noopener nofollow ugc">GitHub - Logflare/logflare: Never get surprised by a logging bill again. Centralized structured logging for Cloudflare, Vercel, Elixir and Javascript. · GitHub</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="139978" data-batch-url="/posts/batch_likers">
                        7
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/39">Post #38</a>
	                </div>
	            </div>
              <div id="likers-container-139978" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="139978"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #38"></div>
  </section>
</div>
    <div class="postbit" id="141001" data-post-id="141001">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Most" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Most/120/394_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Most
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>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.) <a href="https://peoplesvoicemail.com/lines/1-people-s-voicemail" rel="noopener nofollow ugc">https://peoplesvoicemail.com/lines/1-people-s-voicemail</a></p>
<p>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 <img src="https://forum.elixirforum.com/uploads/default/original/2X/2/2620c78e195c32c80d90c37f06b40490933d5feb.gif?v=15" title=":048:" class="emoji emoji-custom" alt=":048:" loading="lazy" width="20" height="20"></p>
<p>Also on the <a href="https://peoplesvoicemail.com/lines/1-people-s-voicemail/search-and-filter" rel="noopener nofollow ugc">search page</a>, you can instantly filter and search through messages without reloading the page.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="141001" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/40">Post #39</a>
	                </div>
	            </div>
              <div id="likers-container-141001" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="141001"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #39"></div>
  </section>
</div>
    <div class="postbit" id="141028" data-post-id="141028">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="preciz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/preciz/120/15330_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  preciz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I was learning about IPv6 recently and I have a LiveView app in the making.<br>
<a href="https://ipv6.party/" class="onebox" target="_blank" rel="noopener nofollow ugc">https://ipv6.party/</a></p>
<p>I’m not sure I will join Phoenix Phrenzy with it, cause it’s fun on its own.</p>
<p>It accepts user data and runs OS commands, so if you hack it / break it no problem. <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p>
<p>I’m very satisfied with LiveView and Elixir. So far everything I wanted to do with this little project was straightforward. Thx <a class="mention" href="/u/chrismccord" rel="nofollow">@chrismccord</a>  &amp; others.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="141028" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/41">Post #40</a>
	                </div>
	            </div>
              <div id="likers-container-141028" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="141028"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #40"></div>
  </section>
</div>
    <div class="postbit" id="142926" data-post-id="142926">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="valehelle" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/valehelle/120/22255_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  valehelle
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>As a weekend project I created a searchable “Who wants to be hired” post on Hacker News.<br>
<a href="https://whowantstobehired.com/" class="onebox" target="_blank" rel="noopener nofollow ugc">https://whowantstobehired.com/</a><br>
Although I don’t think my use case is best for LiveView but I use it anyway <img src="https://forum.elixirforum.com/images/emoji/apple/stuck_out_tongue.png?v=15" title=":stuck_out_tongue:" class="emoji" alt=":stuck_out_tongue:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="142926" data-batch-url="/posts/batch_likers">
                        6
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/liveview-demos-examples-and-sample-apps-thread/21073/42">Post #41</a>
	                </div>
	            </div>
              <div id="likers-container-142926" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="142926"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #41"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/21073/load_more?page=5">Load more posts</a>
</div></template></turbo-stream>