Listing Screencasts

Realtime Charts in LiveView

11. Realtime Charts in LiveView
chart javascript liveview realtime

Building interactive, real-time charts in a Phoenix LiveView application can be challenging. The complexity of connecting JavaScript charting librar..

Watch Screencast

Sortable table with Sortable JS

10. Sortable table with Sortable JS
sortable table

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 Screencast

Building a ChatGPT Chatbot with Elixir and Phoenix LiveView

9. Building a ChatGPT Chatbot with Elixir and Phoenix LiveView
ai chatgpt 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 Screencast

Subdomain 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 Screencast

In Place Edit with Phoenix LiveView

7. In Place Edit with Phoenix LiveView
contenteditable forms 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 Screencast

Set session values from LiveView

Free
6. Set session values from LiveView
FREE csrf encrypt session

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 Screencast

Build Off Canvas Menu with LiveView

5. Build Off Canvas Menu with LiveView
drawer form modal offcanvas

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 Screencast

Dropdown Navigation

4. Dropdown Navigation
forms liveview 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 Screencast

Caching with Cachex

3. Caching with Cachex
cache liveview

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 Screencast

Two factor authentication with Phx Gen Auth

2. Two factor authentication with Phx Gen Auth
2fa 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
Showing 1 to 10 of 11 Entries