Skip to content

A NLW foi top demais com aulas ministrada pelo Rodrigo Gonçalves. Desenvolvi um aplicativo mobile completo para conectar e organiza partida de jogos tudo isso utilizando React Native

Notifications You must be signed in to change notification settings

mrbol/react_native_nlw

Repository files navigation

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.

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

🔖 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=

Exemplo como configurar REDIRECT_URI em https://waldiney-romero.tumblr.com/post/654891315848478720/1-comentar-o-codigo-que-est%C3%A1-apptsx-2

About

A NLW foi top demais com aulas ministrada pelo Rodrigo Gonçalves. Desenvolvi um aplicativo mobile completo para conectar e organiza partida de jogos tudo isso utilizando React Native

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published