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:

• Back-end
• Web

⚙ 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:

• Typescript
• React Native
• Expo
• Socket.IO
• Moti
• Async Storage
• OAuth Github
• Axios

🔖 Layout

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

• Layout Figma

🤔 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

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