Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/danielobara/desafio-04-conceitos-react-native

GoStack 2020: Desafio 04 Conceitos React Native
https://github.com/danielobara/desafio-04-conceitos-react-native

desafio04 gostack gostack-bootcamp javascript mobile react-native rocketseat rocketseat-bootcamp rocketseat-gostack-bootcamp

Last synced: 5 days ago
JSON representation

GoStack 2020: Desafio 04 Conceitos React Native

Awesome Lists containing this project

README 

        
GoStack





  Desafio 04: Conceitos do React Native




“Sucesso não é o resultado de um jogo, mas o destino de uma jornada”!





  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 React Native!



Agora você deve continuar desenvolvendo a aplicação que irá armazenar repositórios do seu portfólio, que você já desenvolveu o backend utilizando o Node.js, e no último desafio em ReactJS.



### 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-react-native)**



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



**Atenção**: Caso você esteja emulando no iOS, na pasta do seu projeto navegue até a pasta ios executando o comando `cd ios` e depois execute `pod install` para instalar todas as dependências para o iOS.



### 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 de todos os repositórios que estão cadastrados na sua API com os campos **title**, **techs** e número de curtidas seguindo o padrão `${repository.likes} curtidas`, apenas alterando o número para ser dinâmico.



- **`Curtir um repositório listado da API`**: Deve ser capaz de curtir um item na sua API através de um botão com o texto **Curtir** e deve atualizar o número de likes na listagem no mobile.



### 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 add a like to the like counter of the repository`**: Para que esse teste passe, sua aplicação deve permitir ao clicar no botão `Curtir`, um like seja adicionado ao repositório listado, e que essa atualização possa ser visualizada na tela.



## :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)