Listing Screencasts
Realtime Charts in LiveView
11. Realtime Charts in LiveView
Building interactive, real-time charts in a Phoenix LiveView application can be challenging. The complexity of connecting JavaScript charting librar..
Watch ScreencastSortable table with Sortable JS
10. Sortable table with Sortable JS
Reordering items directly in the user interface is a feature that can greatly enhance the user experience in web applications. In this video, I'll w..
Watch ScreencastBuilding a ChatGPT Chatbot with Elixir and Phoenix LiveView
9. Building a ChatGPT Chatbot with Elixir and Phoenix LiveView
In this tutorial, I will go through the process of integrating ChatGPT with an Elixir backend, using Phoenix LiveView for real-time updates. It is ..
Watch ScreencastSubdomain Routing
8. Subdomain Routing
A common feature in larger web applications, especially SaaS platforms, is the ability to handle different subdomains with separate routing. In thi..
Watch ScreencastIn Place Edit with Phoenix LiveView
7. In Place Edit with Phoenix LiveView
Inline editing is a common feature in modern web applications, allowing users to edit content directly on the page without navigating to a separate ..
Watch ScreencastSet session values from LiveView
6. Set session values from LiveView
In most web applications, there's a need to store session values for users, especially for things like authentication tokens, current user IDs, or p..
Watch ScreencastBuild Off Canvas Menu with LiveView
5. Build Off Canvas Menu with LiveView
A step by step tutorial in switching from traditional modals to a sleek off-canvas menu with Phoenix LiveView. In this video, you'll learn how to bu..
Watch ScreencastDropdown Navigation
4. Dropdown Navigation
In the example application that I am working with, It would be nice if I could quickly navigate between the records I have in the database without g..
Watch ScreencastCaching with Cachex
3. Caching with Cachex
At some point, your application will grow to a size where it starts to make sense to apply caching for some parts of it. This growth can be due to ..
Watch ScreencastTwo factor authentication with Phx Gen Auth
2. Two factor authentication with Phx Gen Auth
In this video, we’re adding two-factor authentication with QR codes and an authenticator app to your Phoenix application. This gives an extra layer ..
Watch Screencast