Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/orodrigogo/gameplay-nlw-together

:iphone: :joystick: Projeto desenvolvido na missão React Native no NLW #06
https://github.com/orodrigogo/gameplay-nlw-together

expo oauth2-authentication react-native reactjs reactnative typescript

Last synced: 5 days ago
JSON representation

:iphone: :joystick: Projeto desenvolvido na missão React Native no NLW #06

Awesome Lists containing this project

README

        


GamePlay


License

NLW 06

![cover](.github/cover.png?style=flat)

## 💻 Projeto
Aplicativo para lhe ajudar a conectar-se e organiza o momento de diversão e jogar com os amigos. Crie grupos para jogar seus games favoritos com seus amigos com esse App que possui autenticação com Discord.

## :hammer_and_wrench: Features

- [ ] Autenticação Social OAuth2 com servidor do Discord.
- [ ] Obtém perfil do usuário cadastro no Discord (username e avatar);
- [ ] Lista os servidores do Discord que o usuário faz parte;
- [ ] Permite realizar o agendamento de partidas;
- [ ] Permite filtrar as partidas por categoria;
- [ ] Exibe se a partida foi agendada em um servidor próprio (anfitrião) ou em servidores de outros (convidado);
- [ ] Compartilha o convite para ingressar no servidor do usuário;
- [ ] Permite redirecionar o usuário para o seu próprio servidor;
- [ ] Disponibiliza a função de Logout.

## ✨ Tecnologias

- [ ] React Native
- [ ] Typescript
- [ ] Expo
- [ ] Context API
- [ ] Async Storage
- [ ] Vector Icons
- [ ] React Native Svg e Svg Transform
- [ ] Axios
- [ ] Gradient colors
- [ ] OAuth2 Discord
- [ ] Expo Google Fonts
- [ ] React Navigation Stack
- [ ] React Native Gesture Handler
- [ ] Expo Authentication
- [ ] React Native Share
- [ ] Deep Link

## 🔖 Layout

Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/0kv33XYjvOgvKGKHBaiR07/GamePlay-NLW-Together?node-id=58913%3A83). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.

## Executando o projeto

Utilize o **yarn** ou o **npm install** para instalar as dependências do projeto.
Em seguida, inicie o projeto.

```cl
expo start
```

Lembre-se de criar o seu App no servidor do Discord para obter as credencias de autenticação. Em seguida, defina no arquivo .env as configurações do seu App (remova o example do arquivo .env.example).

```cl
REDIRECT_URI=
SCOPE=
RESPONSE_TYPE=
CLIENT_ID=
CDN_IMAGE=
```

## 📄 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.



Desenvolvido por Rodrigo Gonçalves Santana - Junho/2021

[![Instagram Badge](https://img.shields.io/badge/-rodrigo.goncalves.s-6633cc?style=flat-square&labelColor=6633cc&logo=instagram&logoColor=white&link=https://www.instagram.com/rodrigo.goncalves.s/)](https://www.instagram.com/rodrigo.goncalves.s/)
[![Linkedin Badge](https://img.shields.io/badge/-Rodrigo%20Gonçalves%20Santana-6633cc?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/rodrigo-gon%C3%A7alves-santana/)](https://www.linkedin.com/in/rodrigo-gon%C3%A7alves-santana/)