Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
🤯 beginners tutorial building a real time counter in Phoenix 1.7.14 + LiveView 1.0 ⚡️ Learn the fundamentals from first principals so you can make something amazing! 🚀
| Date | Stars |
|---|---|
| 2026-07-24 | 420 |
| 2026-07-25 | 420 |
| 2026-07-28 | 420 |
| 2026-07-30 | 420 |
| 2026-08-06 | 420 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
<div align="center">
# Phoenix LiveView Counter Tutorial
[](https://codecov.io/github/dwyl/phoenix-liveview-counter-tutorial?branch=master)
[](https://hex.pm/packages/phoenix_live_view)
[](https://github.com/dwyl/phoenix-liveview-counter-tutorial/issues)
[](https://hits.dwyl.io/dwyl/phoenix-liveview-counter-tutorial)
**Build your _first_ App** using **Phoenix LiveView** 🥇<br />
and **_understand_** all the concepts in **10 minutes** or _less_! 🚀 <br />
Try it: [livecount.fly.dev](https://livecount.fly.dev/)
<div>
<a href="https://livecount.fly.dev/">
<img src="https://github.com/dwyl/phoenix-liveview-counter-tutorial/assets/194400/e61cf511-d1d8-4236-83b2-f9f45e06e710">
</a>
</div>
</div>
<br />
- [Phoenix LiveView Counter Tutorial](#phoenix-liveview-counter-tutorial)
- [Why? 🤷♀️](#why-️)
- [What? 💭](#what-)
- [`LiveView`?](#liveview)
- [Who? 👤](#who-)
- [Please Star! ⭐](#please-star-)
- [Prerequisites: What you Need _Before_ You Start 📝](#prerequisites-what-you-need-before-you-start-)
- [How? 💻](#how-)
- [Step 0: Run the _Finished_ Counter App on your `localhost` 🏃](#step-0-run-the-finished-counter-app-on-your-localhost-)
- [Clone the Repository](#clone-the-repository)
- [_Download_ the Dependencies](#download-the-dependencies)
- [_Run_ the App](#run-the-app)
- [Step 1: Create the App 🆕](#step-1-create-the-app-)
- [Checkpoint 1: _Run_ the _Tests_!](#checkpoint-1-run-the-tests)
- [Checkpoint 1b: _Run_ the New Phoenix App!](#checkpoint-1b-run-the-new-phoenix-app)
- [Step 2: Create the `counter.ex` File](#step-2-create-the-counterex-file)
- [_Explanation_ of the Code](#explanation-of-the-code)
- [Step 3: Create the `live` Route in `router.ex`](#step-3-create-the-live-route-in-routerex)
- [3.1 Update the Failing Test Assertion](#31-update-the-failing-test-assertion)
- [Checkpoint: Run Counter App!](#checkpoint-run-counter-app)
- [Recap: Working Counter _Without_ Writing `JavaScript`!](#recap-working-counter-without-writing-javascript)
- [Step 4: _Share_ State Between Clients!](#step-4-share-state-between-clients)
- [Code Explanation](#code-explanation)
- [Checkpoint: Run It!](#checkpoint-run-it)
- [Congratulations! 🎉](#congratulations-)
- [Tests! 🧪](#tests-)
- [Add `excoveralls` to Check/Track Coverage](#add-excoveralls-to-checktrack-coverage)
- [Create a `coveralls.json` File](#create-a-coverallsjson-file)
- [`DELETE` Unused Files](#delete-unused-files)
- [Add More Tests!](#add-more-tests)
- [Bonus Level: Use a `LiveView Component` (Optional)](#bonus-level-use-a-liveview-component-optional)
- [Create a `LiveView Component`](#create-a-liveview-component)
- [Moving state out of the `LiveView`](#moving-state-out-of-the-liveview)
- [Update the Tests for `GenServer` State](#update-the-tests-for-genserver-state)
- [How many `people` are viewing the Counter?](#how-many-people-are-viewing-the-counter)
- [More Tests!](#more-tests)
- [_Done_! 🏁](#done-)
- [What's _Next_?](#whats-next)
- [_Feedback_ 💬 🙏](#feedback--)
- [Credits + Thanks! 🙌](#credits--thanks-)
- [`Phoenix LiveView` for Web Developers Who Don't know `Elixir`](#phoenix-liveview-for-web-developers-who-dont-know-elixir)
- [Relevant + Recommended Reading](#relevant--recommended-reading)
<br />
# Why? 🤷♀️
There are several apps around the Internet
that use `Phoenix LiveView`
but _none_ inclExcerpt of 63,422 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:49f4030d0d15bc33, topic:awesome, topic:tutorial, name:tutorial