Functional Web Development with Phoenix LiveView

import IEx.Helpers

How the project was setup

Install the phx_new script.

mix archive.install hex phx_new 1.8.0-rc.0

Setup the app in a directory of your choosing.

mix phx.new yap --binary-id --database sqlite3 --adapter bandit --no-install

Change into the new directory.

cd yap

Run the Project

Start by cloning the repository.

git clone https://github.com/nelsonmestevao/web-dev-with-phx-liveview.git yap

Change into the project directory and open the project in your favorite text editor (example using VS Code).

cd yap && code .

Install dependencies.

mix deps.get

Compile dependencies only if not already.

mix loadpaths

Install and setup app requirements.

mix setup

Start the Phoenix server.

iex -S mix phx.server

Open the web browser at http://localhost:4000.

Workshop organization

To go to any step do:

git checkout 

To get the code where you are from a step do:

git cherry-pick 

1. SSR Counter (tag: counter)

2. Global Counter (tag: global-counter)

3. HTML Form (tag: name-form)

4. File Upload (tag: avatar-form)

5. Phoenix Generators (tag: posts-resource)

6. JS Interoperability (tag: js-hooks)

7. Auth Generator (tag: auth)

Try Elixir out

"Elixir" |> String.graphemes() |> Enum.frequencies()