/ignite-reactjs-challenge-01-react-concepts

Primary LanguageTypeScriptMIT LicenseMIT

Ignite Reactjs
Ignite - Desafio 01 - Conceitos do React

🗒️ Sobre

Nesse desafio, foi entregue um template e solicitado que fosse adicionadas algumas funcionalidades para treinar o que foi aprendido até agora no ReactJS.

Essa é uma pequena aplicação de atividades a fazer, para treinar um pouco mais sobre manipulação do estado no React.

  • Adicionar uma nova tarefa
  • Remover uma tarefa
  • Marcar e desmarcar uma tarefa como concluída

🎯 Objetivo

Adicionar funcionalidades para as três funções presentes no arquivo TaskList.tsx, que são:

  • handleCreateNewTask: Deve ser possível adicionar uma nova task no estado de tasks, com os campos id que deve ser gerado de forma aleatória, title que deve ser um texto e isComplete que deve iniciar como false.
  • handleToggleTaskCompletion: Deve alterar o status de isComplete para uma task com um ID específico que é recebido por parâmetro.
  • handleRemoveTask: Deve receber um ID por parâmetro e remover a task que contém esse ID do estado.

Todas as funcionalidades deveriam passar nos testes.


💾 4 - Como baixar/testar o projeto

# Versões mínimas ou superiores.
$ node -v
v14.17.1

$ yarn -v
1.22.4
  • Para configurar, no bash digite os seguinte códigos:
# Clonar o repositório
$ git clone https://github.com/jeanmontt/ignite-reactjs-challenge-01-react-concepts.git

#Entrar no diretório
$ cd ignite-reactjs-challenge-01-react-concepts

#Instalar as dependências
$ yarn

#Utilizar o teste no terminal
$ yarn test

#Após finalizar o teste aperte digite "q" para sair
$ q

#Iniciar o local host
$ yarn dev
  • Por último abra seu navegador e digite:
localhost:8080

Desenvolvido por:

Jean Monteiro