Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabriel4420/twitchtvclone
A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.
https://github.com/gabriel4420/twitchtvclone
design-system desing-patterns react react-hooks react-native react-navigation styled-components
Last synced: about 2 months ago
JSON representation
A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.
- Host: GitHub
- URL: https://github.com/gabriel4420/twitchtvclone
- Owner: Gabriel4420
- Created: 2021-06-20T18:21:43.000Z (over 3 years ago)
- Default Branch: video-entrypoint
- Last Pushed: 2023-01-27T08:49:04.000Z (about 2 years ago)
- Last Synced: 2023-03-04T04:13:24.063Z (almost 2 years ago)
- Topics: design-system, desing-patterns, react, react-hooks, react-native, react-navigation, styled-components
- Language: TypeScript
- Homepage: https://gabriel4420.github.io
- Size: 2.73 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
📱 TwitchTv Clone 📱
---
---
# Indice
- :rocket: [Sobre o Projeto](#rocket-sobre-o-projeto)
- 👨💻️ [Tecnogias utilizadas](#%EF%B8%8F-tecnogias-utilizadas)
- 📦️ [Como utilizar o projeto](#%EF%B8%8F-como-utilizar-o-projeto)
---
## :rocket: Sobre o Projeto
A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.
---
## 👨💻️ Tecnogias utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias:
- [react-native](https://reactnative.dev)
### Dependências
- [react-navigation](https://reactnavigation.org/docs/getting-started/)
- [expo](https://docs.expo.io)
- [expo-status-bar](https://docs.expo.io)
- [@expo/vector-icons](https://docs.expo.io)
- [@expo-google-fonts/roboto](https://docs.expo.io)
- [styled-components](https://styled-components.com/docs/basics#react-native)
### Padronização de código
- [Babel](https://babeljs.io)
- [Prettier](https://prettier.io/)
### IDE
- [Visual Studio Code](https://code.visualstudio.com/)
---
## 📦️ Como utilizar o projeto
Para copiar o projeto, utilize os comandos:
```bash
# Clonar o repositório
❯ git clone https://github.com/Gabriel4420/TwitchTvClone.git
```
Para instalar as dependências e iniciar o projeto, você pode utilizar o yarn ou npm:
**Utilizando yarn**
```bash
# atualiza as dependências
❯ yarn install
# Inicia o projeto
❯ yarn start
```
**Utilizando npm**
*PS: utilize o npm install, para atualizar as dependências, tome cuidado, pois dependendo da versão da dependência, pode ser que o projeto não funcione como o esperado.*
```bash
# Atualizar as dependências
❯ npm install
# Iniciar o projeto
❯ npm start
```
---
Feito com ❤️ por Gabriel Rodrigues 👋️ Entre em contato!
