

#LIVEVIEW ELIXIR GENERATOR#
Synthetic load generator + ad-hoc scheduler observer powered by LiveViewīluetooth Low Energy Heart Rate Sensor that gets Bluetooth Low Energy’s heart rate sensor data, and presents the results using LiveView.īluetooth Low Energy Heart Rate Sensor SourceĪ very simple implementation of Adventure CapitalistĪ collection of examples including: thermostat, snake, autocomplete search, image editor, clock, pacman, rainbow, counter, “top”, CRUD (users), presence Pixels with Frenemies Demo, Pixels with Frenemies Source Now just select a color and paint the canvas! Simple app to see how easy it would be to expand the demo apps to real-time collaboration. Simulating Logic Gates Switches and Lightbulbs.ĭOOM fire animated from server side. Wikipedia LiveView, a little demo to test out some phoenix_live_view features using the SSE provided from the wikimedia Kafka clusters.Ī simple pattern for support an undo feature. Simple shares, rotate the fast-dropping puzzle pieces and create solid lines - which then disappear.

Milwaukee Property Search Demo, Milwaukee Property Search Source There’s also a keyboard demo in here, just haven’t had a chance to write it up yet, but it does have a super cute bear 🐻.īear Necessities Demo, Bear Necessities SourceĪ website that allows filtering by some attributes from Milwaukee’s Master Property Record After begging and pleading, the hippos were finally allowed to live in the water on the conditions that they would eat grass instead of fish and would fling their dung so that it can be inspected for fish bones.Ī little toy repo to show off a very unnecessarily fast-rendering clock, done with Phoenix LiveView. According to a San story when the Creator assigned each animal its place in nature, the hippos wanted to live in the water, but were refused out of fear that they might eat all the fish. Hippopotamuses have been the subjects of various African folktales. Some interesting files: Live “view”, game logic, UI (leex)Ī Breakout clone written in pure Elixir, using Phoenix LiveView. Markdown Editor Demo, Markdown Editor Sourceįlappy Bird Clone written in LiveView. The server listens for changes in the textbox, re-renders the HTML, and sends the smallest possible change back to the client which then updates the DOM. A websocket connection is opened between the client and the server. However, this is where things get interesting. In our case, what is initially rendered is a textarea prepopulated with some Markdown and the HTML view of that Markdown.

When a client connects to the server they are initially served some HTML content. Observer Live, Erlang Observer Demo, Erlang Observer Source The docs are clear, accurate and provide a very smooth introduction to the capabilities of this interactive server-side rendering way of doing things. So I rolled up my sleeves, and surprisingly, four or five hours later I had the ant farm working, and this is how it was done…Ĭoncurrent ant farm with Elixir and Phoenix LiveView, Ant Farm Demo, Ant Farm SourceĪ port of observer_cli using LiveView. Finally gave the ant farm another go, this time using Elixir only. Originally straightforward, it got much bigger and eventually forgotten.

Sometimes it’s best to learn by examples, here goes.Ī virtual ant farm where every ant was a GenServer process, simulating a basic AI behavior. Source projects, some with online demos and other where you can In the world of rich client apps, without having to go full-onĬlient-side framework. For Phoenix on Elixir is definitely scratching an itch
