https://github.com/leandroppf/gostack-desafio-conceitos-reactjs

https://github.com/leandroppf/gostack-desafio-conceitos-reactjs

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/leandroppf/gostack-desafio-conceitos-reactjs
• Owner: leandroppf
• Created: 2020-04-10T23:06:38.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T18:57:01.000Z (almost 2 years ago)
• Last Synced: 2024-04-28T06:25:08.061Z (7 months ago)
• Language: JavaScript
• Size: 4.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  Desafio 03: Conceitos do ReactJS



“Faça seu melhor, mas sempre com prazo de entrega”!



  

  

    

  

  

  

    

  



## :rocket: Sobre o desafio

Nesse desafio, o objetivo era criar uma aplicação para treinar o que aprendi até agora nas primeiras aulas sobre ReactJS!

Essa será uma aplicação para armazenar repositórios do seu portfólio, que irá permitir a criação, listagem, atualização e remoção dos repositórios, e além disso permitir que os repositórios possam receber "likes". Utilizando o backend já desenvolvido em Node.js.

### Funcionalidades da aplicação

Para esse desafio eu recebi um template de exemplo com requisições pré definidas, porém sem código de execução, meu objetivo era desenvolver o código para atingir os objetivos de cada requisição.

- **`Listar os repositórios da sua API`**: Deve ser capaz de criar uma lista com o campo title de todos os repositórios que estão cadastrados na sua API.

- **`Adicionar um repositório a sua API`**: Deve ser capaz de adicionar um novo item na sua API através de um botão com o texto Adicionar e, após a criação, deve ser capaz de exibir o nome dele após o cadastro.

- **`Remover um repositório da sua API`**: Para cada item da sua lista, deve possuir um botão com o texto Remover que, ao clicar, irá chamar uma função para remover esse item da lista do seu frontend e da sua API.

### Especificação dos testes

O template também possui testes automatizados e um dos objetivos é que o código criado nas requisições passe em todos os testes listados abaixo:

- **`should be able to add new repository`**: Para que esse teste passe, sua aplicação deve permitir que um repositório seja adicionado ao seu backend e listado no seu frontend dentro de uma LI.

- **`should be able to remove repository`**: Para que esse teste passe, sua aplicação deve permitir que ao clicar no botão de remover que vai estar dentro da LI do repositório adicionado, o item seja removido da listagem.

---

Desafio concluído no dia 10/04/2020 por Leandro Pinto Pedroso Filho