/nlw-06-react-native

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

Primary LanguageTypeScript

GamePlay

License NLW 06

cover

💻 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.

✨ 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

🛠️ 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.

🔖 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma 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.

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).

REDIRECT_URI=
SCOPE=
RESPONSE_TYPE=
CLIENT_ID=
CDN_IMAGE=

📄 Licença

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




banner