github-explorer-rn: A TypeScript repository from lilianmartinsfritzen

GitHub Explorer

GitHubExplorer.webm

🚀 DESAFIO V - IGNITE Rocketseat

📝 Conceitos aprendidos durante a resolução dos desafios

Esse desafio veio reforçar o aprendizado sobre animações. A aplicação GitHub Exproler exibe informações sobre repositórios do GitHub usando animações.

📱 Desafio GitHub Explorer

Retornar um objeto com estilizações de opacidade e posição no eixo X.
Alterar transição de valores de opacidade utilizando a função withTiming .
Desabilitar botão de busca quando o input estiver vazio.
Validar o nome do respositório buscado e caso não exista será exibido um alerta e o input será limpo, retornando ao estado inicial.
Navegação entre telas.
Direcionamento para o repositório através do navegador padrão do dispositivo usando a interface Linking e o método openURL() .

✔️ Requisitos

Para Android

Para IOS

Para simular os ambientes mobile você pode consultar as documentações abaixo:

📑 Emulador Android

📑 Emulador IOS

🏅 Utilizando o comando expo start você pederá selecionar o emulador desejado. Também é possível testar sua aplicação por meio do seu dispositivo físico, desde que estejam compartilhando a mesma rede. Para isso instale o Expo Go.

🛠 Tecnologias e Ferramentas

🕹 Execução

# Clonar repositório
git clone git@github.com:lilianmartinsfritzen/challenge01-react-native-concepts.git

# Entrar na pasta abaixo
cd challenge01-react-native-concepts

# Restaurar pacotes
npm install

# Para aproveitar o ecossistema Expo use o comando abaixo e selecione o emulador desejado
expo start

# O template Expo selecionado permite o uso dos comandos abaixo

# Executar o projeto Android
npx react-native run-android && npm start

# Executar o projeto IOS
cd ios
pod install
cd ..
npx react-native run-ios && npm start

📃 Licença

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

lilianmartinsfritzen/github-explorer-rn