https://github.com/odeassis/to.do-react

Uma pequena aplicação de atividades a fazer, para treinar sobre manipulação do estado no React.
https://github.com/odeassis/to.do-react

reactjs typescript

Last synced: 2 months ago
JSON representation

Uma pequena aplicação de atividades a fazer, para treinar sobre manipulação do estado no React.

• Host: GitHub
• URL: https://github.com/odeassis/to.do-react
• Owner: odeassis
• License: mit
• Created: 2021-10-08T19:10:13.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-12-06T20:32:15.000Z (over 3 years ago)
• Last Synced: 2025-08-03T00:39:17.521Z (11 months ago)
• Topics: reactjs, typescript
• Language: TypeScript
• Homepage:
• Size: 175 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  Conceitos do React





  



## :computer: Aplicação



Uma pequena aplicação de atividades a fazer, para treinar sobre manipulação do estado no React.

- Adicionar uma nova tarefa

- Remover uma tarefa

- Marcar e desmarcar uma tarefa como concluída



## :test_tube: Testes

- [x] App Page should be able to add a task

 - Permitir que task seja criada e com isso, exibida em tela. As taks criadas devem conter os atributos seguindo o padrão da interface, que é:

      ```typescript

        interface Task {

          id: number;

          title: string;

          isComplete: boolean;

        }

      ```

  

 - [x] App Page should not be able to add a task with a empty title

  - Antes de criar uma nova task, deve validar se algo foi digitado no input e não permitir a criação da task caso o valor seja vazio, caso o valor digitado seja vazio, deve impedir a criação da task.

  

 - [x] App Page should be able to remove a task

  - Deve permitir que ao clicar no botão com ícone de uma lixeira, a task relacionada a esse botão seja removida do estado da aplicação, consequentemente sendo removida da tela.

  

 - [x] App Page should be able to check a task

  - Deve permitir que ao clicar no checkbox ao lado da task, ela seja marcada como concluída ou não concluída de acordo com seu estado atual, alterando seu valor de `isComplete` de `false` para `true` ou ao contrário, de `true` para `false`.  

 

 ## :zap: Resultado

### UI V1



### UI V2