Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/danielobara/desafio-03-conceitos-reactjs

GoStack 2020: Desafio 03 Conceitos ReactJS
https://github.com/danielobara/desafio-03-conceitos-reactjs

desafio03 gostack gostack-bootcamp javascript react reactjs rocketseat rocketseat-bootcamp rocketseat-gostack-bootcamp

Last synced: 6 months ago
JSON representation

GoStack 2020: Desafio 03 Conceitos ReactJS

Awesome Lists containing this project

README 

          
GoStack





  Desafio 03: Conceitos do ReactJS




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





  GitHub language count



  

    Made by DanielObara

  



  License



  

    Stargazers

  






  Sobre o desafio   |   

  Entrega   |   

  Licença




## :rocket: Sobre o desafio



Nesse desafio, você deve criar 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 no último desafio utilizando o Node.js.



### Template da aplicação



Para te ajudar nesse desafio, criamos para você um modelo que você deve utilizar como um template do Github.



O template está disponível na seguinte url: **[Acessar Template](https://github.com/Rocketseat/gostack-template-conceitos-reactjs)**



**Dica**: Caso não saiba utilizar repositórios do Github como template, temos um guia em **[nosso FAQ](https://github.com/Rocketseat/bootcamp-gostack-desafios/tree/master/faq-desafios).**



Agora navegue até a pasta criada e abra no Visual Studio Code, execute o comando `yarn` no seu terminal para instalar todas as dependências e já estará pronto para iniciar.



### Funcionalidades da aplicação



Agora que você já está com o template clonado, e pronto para continuar, você deve abrir o arquivo **src/App.js**, e completar onde não possui código com o código para atingir os objetivos de cada funcionalidade.



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



Em cada teste, tem uma breve descrição no que sua aplicação deve cumprir para que o teste passe.



Caso você tenha dúvidas quanto ao que são os testes, e como interpretá-los, dê uma olhada em **[nosso FAQ](https://github.com/Rocketseat/bootcamp-gostack-desafios/tree/master/faq-desafios).**



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.



## :calendar: Entrega



Esse desafio deve ser entregue a partir da plataforma Skylab, envie o link do repositório que você fez suas alterações. Após concluir o desafio, fazer um post no Linkedin e postar o código no Github é uma boa forma de demonstrar seus conhecimentos e esforços para evoluir na sua carreira para oportunidades futuras.



## :memo: Licença



Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.



---



Feito com 💜 by Rocketseat :wave: [Entre na nossa comunidade!](https://discordapp.com/invite/gCRAFhc)