mariagabrielareis/nlw-06-gameplay

Aplicação construída no evento Next Level Week: Together (trilha React Native): organize suas jogatinas com os amigos! :video_game: :sparkles:

Sobre a aplicação   |    Demonstração   |    Como rodar   |    Licença

📑 Sobre a aplicação

O aplicativo "GamePlay" tem como objetivo ajudar na organização de partidas em jogatinas com os amigos, onde, através da conexão com a conta do Discord, é possível agendar os jogos, convidar amigos, compartilhar links para servidores, entre outras funcionalidades para controlar os diversos tipos de partidas e jogos!

• Aplicação construída na trilha de React Native durante a Next Level Week #06: Together (evento oferecido pela Rocketseat) 🚀

🛠️ Tecnologias

As seguintes tecnologias e ferramentas estão sendo utilizadas neste projeto:

• Figma
• React Native
• Expo
• TypeScript

Funcionalidades

• Login com autenticação utilizando o Discord

• Listagem de partidas agendadas

• Agendamento de novas partidas

  • ADICIONAL: Verificação se todos os campos para agendar a partida estão preenchidos
  • ADICIONAL: Verificação se a data e hora escolhida são válidas (apenas datas futuras)

• ADICIONAL: Exclusão de todas as partidas realizadas

• Visualização de detalhes da partida

  • ADICIONAL: Lembrete de quando a partida irá ocorrer, ou se já ocorreu
  • ADICIONAL: Tratamento de erro caso o servidor não tenha widget ativado

• Compartilhamento de link para servidor

• ADICIONAL: Modal de "logout"

• Outras ideias: Edição e exclusão de partida, deixar o botão de "entrar na partida" desabilitado até o horário agendado, gerar notificação 10 minutos antes do início da partida...

📱 Demonstração

Abaixo é possível encontrar uma demonstração das telas e funcionalidades do projeto desenvolvido, com a alteração de cores e algumas imagens, mas se quiser conferir o layout original das telas, é só acessar este link para o projeto no Figma.

⚙️ Como rodar

Com o Node e o Expo instalados em sua máquina e um emulador ou o Expo Go no dispositivo físico, baixe ou clone este repositório e siga o passo a passo descrito abaixo.

Cadastre o aplicativo no Discord para conseguir acesso ao serviço de autenticação, colocando o redirect como https://auth.expo.io/@<seu usuário no expo>/gameplay e marcando, na aba "OAuth2", as 4 primeiras opções para o escopo, definindo essas configurações também em um arquivo .env no projeto (siga o exemplo do arquivo ".env.example", retirando o '.exemple' depois).

REDIRECT_URI=
SCOPE=
RESPONSE_TYPE=
CLIENT_ID=
CDN_IMAGE=

Agora, por um terminal...

# Acesse a pasta do projeto
$ cd nlw-06-gameplay

# Instale as dependências do projeto
$ npm install
# ou
$ yarn add

# Inicie o projeto
$ expo start

Agora o servidor do Expo estará ativo, verifique se seu celular e PC então na mesma rede e, preferencialmente, com o Firewall do PC desligado, então leia o QR Code pelo Expo Go ou entre por um emulador.

📃 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.