/nlw-heat-mobile

Stage 3 - React Native

Primary LanguageTypeScript

Sobre   |    Funcionalidades    |    Tecnologias    |    Layout   |    Como usar   |    Licença   |    Aprendizados   |   

📃 Sobre o projeto

A setima edição do NLW promovido pela @RocketSeat serviu como aquecimento para o DoWhile 2021, então nada melhor que o tema do projeto fosse nesse sentido. O objetivo é o desenvolvimento de uma aplicação fullstack que permita os usuarios compartilharem suas expectativas para o evento, utilizando as tecnologias mais atuais do mercado. Aqui se encontra app mobile da nossa aplicação utilizando React Native.

    

Outras etapas do projeto:

⚙ Funcionalidades

  • Login com a conta do Github
  • Compartilhamento dos dados por Context Api
  • Cadastro de mensagem
  • Listagem de mensagens recebidas do servidor
  • Atualização de mensagens em tempo real com socket.io

✨ Tecnologias

Projeto desenvolvido utilizando as seguintes tecnologias:

🔖 Layout

O layout do projeto está disponivel através do link abaixo:

🤔 Como usar

Para usar o projeto é necessario seguir as seguintes etapas:

  1. Possuir o backend configurado e rodando
  2. Alterar o Client ID no arquivo src > configs > env.ts
  3. Alterar as configurações do OAuth do Github Homepage URL e Authorization callback URL para:
https://auth.expo.io/@SEU-USERNAME-NO-EXPO/NOME-DO-APP
  1. Seguir os comandos:
  # Clonar o projeto:
  $ git clone https://github.com/weversonneri/nlw-heat-mobile.git

  # Entrar no diretório:
  $ cd nlw-heat-mobile

  # Instalar as dependências:
  $ yarn

  # Rodar a aplicação:
  $ expo start

📝 Licença

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

Aprendizados

  • Algumas dos principais pontos de aprendizagem
    • Autenticação do app mobile com OAuth do Github e Expo session
    • Integração com Socket.io para atualização de lista de mensagens em tempo real
    • Animações com Moti
    • Pratica de codificação React Native utilizando typescript