Listing Screencasts
Sortable 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 ScreencastAutoclear Flash message
1. Autoclear Flash message
In this video, we will enhance the user experience by implementing an auto-clear functionality for flash messages. Flash messages are a common way t..
Watch Screencast