https://github.com/tiago154/live_view_todos
🐦 Todo-list utilizando Phoenix Live View. O Phoenix LiveView é uma biblioteca que funciona em cima do Phoenix, framework web feito para Elixir, e que traz todo o poder de criar aplicações ricas em tempo real. Tudo isso via server side e renderizando HTML.
https://github.com/tiago154/live_view_todos
elixir elixir-phoenix phoenix-liveview todolist
Last synced: about 1 year ago
JSON representation
🐦 Todo-list utilizando Phoenix Live View. O Phoenix LiveView é uma biblioteca que funciona em cima do Phoenix, framework web feito para Elixir, e que traz todo o poder de criar aplicações ricas em tempo real. Tudo isso via server side e renderizando HTML.
- Host: GitHub
- URL: https://github.com/tiago154/live_view_todos
- Owner: tiago154
- Created: 2021-04-04T03:08:34.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-04T15:23:44.000Z (about 5 years ago)
- Last Synced: 2025-02-05T13:53:38.541Z (over 1 year ago)
- Topics: elixir, elixir-phoenix, phoenix-liveview, todolist
- Language: Elixir
- Homepage:
- Size: 125 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://github.com/tiago154/live_view_todos/actions/workflows/elixir.yml)
# LiveViewTodos
## Antes de iniciar
É necessário ter o banco de dados rodando.
O banco de dados utilizados é o `postgres`.
Como sugestão pode ser utilizado o docker para subir a instância do banco.
```docker
docker run --name postgres-dev -e POSTGRES_PASSWORD=postgres -e POSTGRES_USER=postgres -p 5432:5432 -d postgres
```
## Iniciando seu servidor Phoenix
Para iniciar o seu servidor Phoenix:
* Instale as dependências com `mix deps.get`
* Crie e migre seu banco de dados com `mix ecto.setup`
* Instale as dependências do Node.js com `npm install` dentro da pasta `assets`
* **ou** execute `mix setup` para executar todos os comandos anteriores de uma vez
* Inicie o servidor com `mix phx.server`
Agora você pode acessar [`localhost:4000`](http://localhost:4000) em seu navegdor.
## Aplicação
Foi utilizado o Phoenix Live View que se trata de uma biblioteca embutida no Phoenix para criação de aplicações em tempo real.
A aplicação se trata de uma Todo-list, onde temos um simples input, onde digitamos as tarefas que desejamos registrar.
Quando uma tarefa é registrada ela irá aparecer com um checkbox indicando se ela foi concluída e um botão para exclusão.
