Listing Screencasts
18. Fuzzy Find with Ecto & Phoenix LiveView
Learn how to implement advanced fuzzy search functionality in your Phoenix LiveView application using Ecto. This tutorial demonstrates how to move b..
Watch Screencast17. LiveView Typeahead
In this video, we're going to build a dynamic typeahead component in Phoenix LiveView that fetches real-time suggestions based on user input. Starti..
Watch Screencast16. Add Bootstrap Icons to your Phoenix App
Learn how to enhance your Phoenix web application by integrating the open-source Bootstrap icon package as an alternative to the default Heroicons. ..
Watch ScreencastLiveView Combobox
15. LiveView Combobox
Learn how to build a fully functional, reusable combobox component in Phoenix LiveView inspired by Headless UI. This step-by-step tutorial guides yo..
Watch Screencast14. Fullpage Loading Spinner with LiveView
In this video, I demonstrate how to add a full-page loading spinner to your Elixir Phoenix LiveView application using async functions. You'll learn ..
Watch Screencast13. CSV Export with Phoenix and LiveView
Learn how to implement a customizable CSV export feature in your Elixir Phoenix application using LiveView. This step-by-step tutorial covers adding..
Watch Screencast12. Realtime Dashboard LiveView
In this tutorial, learn how to build a real-time dashboard in Phoenix LiveView using Apex Charts. We create three dynamic charts: sales over time, d..
Watch ScreencastRealtime 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 Screencast