https://github.com/rafaelmartins92/conceitos-reactjs

🚀 Desafio sobre Conceitos do React JS aplicado no Bootcamp GoStack - Rocketseat
https://github.com/rafaelmartins92/conceitos-reactjs

gostack javascript react rocketseat

Last synced: 7 days ago
JSON representation

🚀 Desafio sobre Conceitos do React JS aplicado no Bootcamp GoStack - Rocketseat

• Host: GitHub
• URL: https://github.com/rafaelmartins92/conceitos-reactjs
• Owner: rafaelmartins92
• Created: 2020-04-10T16:18:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T18:55:41.000Z (about 2 years ago)
• Last Synced: 2024-12-12T08:10:43.896Z (2 months ago)
• Topics: gostack, javascript, react, rocketseat
• Language: JavaScript
• Homepage: https://www.youtube.com/watch?v=lziAk0J_Ppc&feature=youtu.be&t=37
• 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”!




  

  

    

  

  

  

    

  





  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.

### 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 da Rocketseat, 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)