https://github.com/anddersonrds/v2-react-concepts

Designed to study and solve the React JS module challenge
https://github.com/anddersonrds/v2-react-concepts

Last synced: about 2 months ago
JSON representation

Designed to study and solve the React JS module challenge

• Host: GitHub
• URL: https://github.com/anddersonrds/v2-react-concepts
• Owner: anddersonrds
• Created: 2020-04-21T10:00:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T19:34:52.000Z (about 2 years ago)
• Last Synced: 2023-03-07T06:42:46.291Z (almost 2 years 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

        
## Sobre o desafio

Deverá ser criado uma aplicação para treinar o que você aprendeu até agora no ReactJS!

Agora você deve continuar desenvolvendo a aplicação que irá armazenar repositórios do seu portfólio, que você já desenvolveu o **[backend](https://github.com/anddersonrs/nodejs-concepts-v2)** no último desafio utilizando o Node.js.

## Rodando a aplicação e testes

- Execute **`yarn`** para baixar todas as dependências.

  

- Execute o comando **`yarn start`** para rodar a aplicação.

- Execute **`yarn test`** para rodar os testes.

### Funcionalidades da aplicaçã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.

### Específicação dos testes

Para esse desafio temos os seguintes testes:

- **`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.

Espero ter poder contribuir com conhecimento de alguém, principalmente à aqueles que assim como eu tiveram dificuldades absorver o conhecimento no início dessa aventura que é ser **DEV**.

Github: **[@anddersonrs](https://github.com/anddersonrs)**