/meetzme-app

TCC Etec de Hortolândia 2019

Primary LanguageJavaScript

📱 MeetzMe - Geolocalização em Tempo Real

"A questão não é ‘o que queremos saber sobre as pessoas’. A questão é ‘o que as pessoas querem dizer sobre elas mesmas." - Mark Zuckerberg

O MeetzMe é um aplicativo desenvolvido em React Native como Trabalho de Conclusão de Curso do Técnico Informática da Etec de Hortolândia. O projeto foi iniciado em Janeiro de 2019.

O que é?

O MeetzMe é uma aplicação, inicialmente para dispositivos Android, que tem como objetivo auxiliar a localização de pessoas e eventos em um determinado meio geográfico. Com o MeetzMe é possível conhecer a localização exata e em tempo real de usuários que aceitaram o convite de um determinado evento.

💻 Desenvolvimento

A aplicação foi desenvolvida em React Native, tendo Firebase como BackEnd e Base de Dados. Foi utlizado também NodeJS como parte do Cloud Functions do Firebase para o envio de notificações.

Nosso Package

Algumas das principais libs utilizadas no projeto:

Módulo Utilização
MobX Gerenciamento do store da aplicação
Moment Trabalhar com Data e Hora
Reactotron Debugger para React Native
RN Maps API do Google Maps para React Native
RN Maps Directions API de Directions do Google Maps para React Native
RN Google Places API Places do Google Maps para React Native
RN Paper Componentes Material Design
RN Firebase Integração com Firebase para React Native
React Navigation Trabalhar com Navigators, Screens e Tabs com React Native
RN Vector Icons Biblioteca de Icones para React Native
RN Raw Bottom Sheet Bottom Sheet para React Native
RN Image Crop Picker Recorte de Imagens

📲 Algumas Telas

Principal Login Cadastro
Dashboard Contatos Procurar Contatos
Convites Aceitos Convites Pendentes Ver Convite
Novo Evento Selecionar Localização Convidar Contatos
Mapa do Evento Informações Usuário Informações Evento

🚀 Instalação

Importante: Necessária a instalação da React Native CLI


Clonar o repositório

git clone https://github.com/gstcarv/meetzme-app
cd meetzme-app

Instalar as dependências

yarn install

ou

npm install

Gerar link das dependências nativas

react-native link

Converter as Libs para AndroidX

npx jetify

🔥 Executar o app

react-native run-android

☠ Problemas Frequentes

Android dependency 'androidx.transition:transition' has different version for the compile (1.0.0-rc01) and runtime (1.1.0) classpath. You should manually set the same version via DependencyResolution

Provavelmente você não converteu as libs para AndroidX

npx jetify
react-native run-android

Outros erros

Tente:

  cd android
  gradlew clean
  cd..
  react-native run-android

🎉 Agradecimentos

Equipe de Testes

🌟 Agradecimentos especiais à Rocketseat pelas ótimas aulas e artigos sobre React Native, e à própria Facebook e equipe do React Native por disponibilizarem-nos uma grande tecnologia.