Skip to content

📱 TwitchTV-Clone é um projeto para replicar a interface do aplicativo Twitch.tv 🎬. Usando e praticando as tecnologias TypeScript, Node, React Native e Styled-Components 📚.

License

Notifications You must be signed in to change notification settings

LuizCarlosVilela/TwitchTV-Clone

Repository files navigation

App → Twitch.Tv 📱

Twitch.tv Banner


📚 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

Telas 📱

Following ComingSoon
Following ComingSoon

Navegação 🎬

Twitch

🚀 OBJETIVO

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.

💻 TECNOLOGIAS

📱 Mobile (React Native + TypeScript)

Arquivo json do front-end mobile package.json

Utilitários

🍷 COMO UTILIZAR

Configurações Iniciais

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 

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.

Utilizando o Mobile

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.

🌟 AGRADECIMENTOS

Rocketseat diego3g guilhermerodz

📚 REFERÊNCIAS

📃 LICENÇA

Este repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.

Feito com ❤️ por Luiz Carlos Vilela