Skip to content

Latest commit

 

History

History
45 lines (27 loc) · 1.68 KB

README.md

File metadata and controls

45 lines (27 loc) · 1.68 KB

React ToDo

EM DESENVOLVIMENTO

Sobre

App para criar uma lista de tarefas, Inicialmente com 1 input para entrada do nome da tarefa e 1 botão para adicionar a tarefa a lista

Ao inserir o nome da tarefa no input e pressionar o botão de adicionar, a string é armazenada no state Text usando setState, e em seguida o state Text é enviado como parametro para o dispatch createToDo

Apos criado, a tarefa sera renderizada na tela com um botão "Deletar" e "Finalizar"

Ao clicar no botão "Deletar" um dispatch é acionado filtrando o id dos list items com a tarefa a ser filtrada, somente os ids que não forem iguais ao do id da tarefa acionado serão armazenados mantidos e um novo array sera retornado, assim deletando a tarefa

Ao clicar no botão "Finalizar" um dispatch é acionado realizando map no state e comparando os ids com o id da tarefa a ser finalizada, quando encontrar a tarefa a propriedade "Done" sera alterado para o oposto do seu valor atual, caso a propriedade se torne true uma text-decoration sera adicionada ao texto da tarefa.

Requisitos

  • NodeJS

  • Docker

  • Docker Compose

MODO DE USO

GIT

FAÇA O DOWNLOADS DO REPOSITORIO OU USE SSH:
git clone [email protected]:joaov1ct0r/reactToDo.git

SERVER


APOS TER OS ARQUIVOS EM SUA MAQUINA ESCOLHA O MODO EM QUE QUER RODAR O PROJETO:


DESENVOLVIMENTO: sudo docker compose -f docker-compose.dev.yaml up --build -d

Picture

reactTodO