Capa do Post: Um app construído no celular. Contendo: Logo do app Gameplay e da Next Level Week

Um app construído no celular

27/06/2021

Olá tudo bem? Essa semana de Next Level Week foi intensa e INCRÍVEL, nela construí junto com a comunidade da Rocketseat o GamePlay. Um app para agendar e organizar partidas que ocorrerão em servidores do Discord.

Já tenho bastante experiência com o React Native porém a cada edição vejo algo novo e nessa o aprendizado foi com:

  • Linear Gradient.
  • Discord API.
  • Autenticação com OAuth2 no Expo. Sem o uso de sistemas pré-prontos como GoogleSignIn.
  • Componente Modal do React Native. Telas da Aplicação

A Aplicação

Nesse vídeo aqui, mostro como ficou a aplicação, como na Rocket gostamos de pegar a milha extra nessa missão fiz algumas melhorias na aplicação:

  • Uso do meu queridinho React Native Flash Message.
  • Função de deletar a partida criada. Usando uma animação de deslizar um item da lista ao lado.
  • Melhorias no login. Só lendo o código para ver kkk.
  • Uma animação do Lottie ao não encontrar partidas e servidores.
  • Frase de boas vindas randômicas.
  • E modal de log out com estilo proprio app.
  • E uma melhoria pequena nas Android Status Bar e Android Navigation Bar(consultar arquivo app.json)

Um app feito no celular

Pretendo criar um post falando com mais detalhes como faço isso. Mas simplificando(para devs), uso o app Termux para se conectar via SSH a uma VM gratuita no Google Cloud Shell. Nessa VM tem o editor NeoVim configurado para programar em Typescript com suporte a InteliSense, também há instalado o NodeJS. E vejo como o app está ficando no Expo Go com a aplicação rodando em tunnel.

Finalizando

Foi uma semana divertida, intensa, incrível e com muito aprendizado, que aliás é contínuo e isso significa que estarei participando de edições futuras, e procurando saber mais sobre o universo React Native. Agradeço de coração a equipe da Rocketseat por proporcionar esse conteúdo fantástico, com tanto amor, carinho e empenho.

Você pode conferir o código do projeto aqui. Lá contém instruções de instalação e o APK. Muito obrigado por ter lido até o final. Flores vermelhas em movimento ao vento  do EP 9 de Eighty-Six.