Episodes for phoenix

In this episode, we’ll learn how to implement a drag-and-drop feature that uses Phoenix LiveView. When elements are dragged between lists we’ll update their properties to match the new list.

In episode 190, we look at how to configure Petal Components with Phoenix 1.7.

We’ll let people play our game as much as they want! In this episode, we’ll refine the game’s flow and user experience by leveraging Phoenix LiveView to start a new game for users.

Similar to our last episode, here we’ll dynamically update the backgrounds of the keycaps on our game keyboard using JavaScript Hooks.

In this episode, we’ll improve the guess feedback for our game with JavaScript hooks. We’ll focus on updating the background of a guess, to indicate the status of the guess.

In this episode, we’ll update the guess feedback in our game by implementing custom JavaScript hooks and animations.

In this episode we’ll update our game and add feedback for player guesses. We’ll update our LiveView to handle various guess outcomes. We’ll use flash messages to display the results of each guess.

In this episode we update our game, allowing players to submit their guesses. We’ll build functionality to check if the guess is a valid word, comparing it against the game’s solution, and then updating the game’s state accordingly.

In this episode, we update our game to allow players to remove letters from their guesses. This involves updating our KeycapComponent to send events to our LiveView.