O projeto Twitch é um aplicativo mobile que lista os streamers que você acompanha que estão ao vivo. Esse projeto realiza autenticação via Expo com a Twitch API para resgatar essas informações.
O Twitch é o desafio extra do Capítulo 2 do bootcamp Ignite da trilha com React-Native. Nele, praticamos a lógica de programação com TypeScript para criação das funcionalidades desse aplicativo assim como toda estrutura para as requisições de autenticação e listagem. Assim, praticamos as configurações necessárias para a realização de uma autenticação de um projeto React-Native com Expo em mais uma API de aplicativo social.
Além disso, revisamos estruturas com Try-Catch, ou seja, tratamos possíveis erros que podem ocorrer durante a execução de uma requisição, uso de métodos como include dentre outros.
- Autenticação:
Esse desafio tem por objetivo por em praticar os conceitos básicos de React Native no desenvolvimento mobile no 2º capítulo do curso Ignite de React Native como o uso das requisições e funcionalidades citadas abaixo:
Assim, nesse projeto criamos:
- Listagem geral dos streamers que estão ao vivo e você acompanha.
- Autenticação social com a Twitch.
- Uso de requisições com axios e estururas com Try-Catch.
- Página Inicial:
- Logout:
- Android Studio
- Celular(Opcional)
- Expo(desktop)
- Expo Go(Mobile) opcional.
- Node.js
- React
- React-Native
- TypeScript
- Yarn(ou NPM)
O projeto foi desenvolvido utilizando as seguintes tecnologias
- Android Studio
- Autenticação Expo
- Expo
- Javascript
- NodeJS
- React
- React-Native
- React Navigation
- Styled Components
- TypeScript
- Yarn
- Clonar o projeto:
git clone https://github.com/Aszurar/Twitch.git
- É necessário a instalação do yarn de acordo com seu sistema operacional, para isso veja como no site do Yarn
- Instalação das dependências:
- Execute o comando abaixo dentro da pasta do projeto
yarn
- É necessário a instalação do emulador Android Studios e das tecnologias requesitadas acima no:seedling: Requisitos
- Também é necessário a instalação/configuração de outras tecnologias, para isso siga os passos indicados nessa página de acordo com seu sistema operacional: Executando uma Aplicação React-Native emulando Windows/Linux/MacOS ou direto no dispositivo mobile Android/IOS
- É necessário a instalação do Expo
- Execução - Abra a pasta do projeto com alguma IDE(Vscode) ou simplesmente abra o terminal na pasta do projeto e execute o comando abaixo:
expo start
- Abra o emulador ou conecte o celular(É necessário a instalação do Expo Go) e execute:
a
- Lembrando que, caso seja executado pelo emulador, o ideal é sempre deixa-lo aberto antes de aplicar os comandos acima.
Desenvolvido por 🌟 Lucas de Lima Martins de Souza.