📚 TwitchTv-Clone é um projeto para replicar a interface do aplicativo Twitch.Tv desenvolvido na (UI Clone) da Rocketseat utilizando as tecnologias TypeScript, Node, React-Native e Styled-Components
O projeto tem como finalidade desenvolver uma aplicação mobile com a aparência igual ao aplicativo de lives Twitch.Tv. Ao decorrer do projeto tenho como objetivo também desenvolver conhecimento em React-Native, TypeScript e Styled-Components.
📱 Mobile (React Native + TypeScript)
Arquivo json do front-end mobile package.json
- Editor: Visual Studio Code;
Primeiro, você precisa ter o NodeJS instalado na sua máquina.
Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.
Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.
Após ter o Node instalado, instale as dependências do React e React Native (Expo) de forma global, utilizando os comandos:
# Expo (React Native):
$ npm install -g expo-cli
Expo (React Native)
Instale as dependências contidas nos arquivos package.json
que se encontram na raíz do repositório (para o gerenciamento de commits). Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:
$ npm install
# ou
$ yarn
Exemplos:
# Instalando as dependências do mobile:
$ cd twitchtv-clone
$ npm install
Veja os arquivos package.json
do Package.Json.
Instale o aplicativo Expo no seu smartphone.
# Executando o mobile no modo de desenvolvimento:
$ npm run start
Agora, abra o aplicativo do expo e no modo LAN faça o scan do QRCode.
Este repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.