Semana Omnistack 11.0

Projeto BE THE HERO - Rocketseat

Tecnologias   |    Projeto   |    Telas das Aplicação   |    Licença

🚀 Tecnologias

Este projeto foi desenvolvido durante a semana omnistack9.0, e as tecnologias utilizadas foram:

• Node.js
• React
• React Native
• Expo

💻 Projeto

O Be The Hero cujo o objetivo é dar um espaço para que ONG's possam divulgar animais que precisam de ajuda e doações, e facilitar o encontro de Pessoas dispostas a ajudar estes animais. Este projeto foi desenvolvido na semana Omnistack - Rocketseat :rocket.

Instalação

Para que o projeto funcione corretamente você deverá clonar o projeto em seu computador e configura-lo corretamente de acordo com os passo a passos a seguir.

obs:

Lembre-se: Verifique as portas que estão sendo utilizadas em seu computador, e caso seja necessário, configure as portas corretamente, para que não aja conflito entre seus projetos ou aplicações que já estejam em execução.

Dependências

Para Execução do -> Backend

Para instalar e executar o Backend, acesse a pasta backend com o seu terminal e em seguida execute:

yarn install
yarn dev

Para Execução do -> Frontend

Para instalar e executar o Frontend, acesse a pasta frontend com o seu terminal e em seguida execute:

yarn install
yarn start

Assim que o processo terminar, automaticamente será aberta uma página localhost:3000 em seu navegador padrão, com o frontend sendo executado.

Para Execução do -> Mobile

Para executar a aplicação Mobile, primeiro configure o endereço do servidor no arquivo src/services/api.js, de acordo com o seus parâmetros de rede "seu ip", e a porta configurada no backend, para que a aplicação mobile consiga acessa a base de dados, em seguida abra o terminal dentro da pasta mobile e depois execute os comandos:

# Caso ja possua o Expo (CLI) instalado! não execute  aprimeira linha de código
yarn global add install expo-cli
yarn install
yarn start

Assim que o processo terminar, automaticamente será aberta uma página localhost:19002 em seu navegador padrão. Conecte seu emulador, caso não o possua instalado e queira utiliza-lo estes links o ajudaram nesta tarefa, assim como uma explicação sobre o funcionamento do emulador, Rocketseat Docs Emulador Mobile, Emulando React Native no iOS/Android com Expo.

Caso queira testa a aplicação mobile via LAN: baixe o aplicativo Expo na Play Store ou App Store e em seguida escaneie o código QR que aparece no canto esquerdo inferior da página aberta no seu navegador padrão.

obs:

Lembre-se: Fique atento ao seu ip, sempre que executar a aplicação mobile, verifique se o ip src/services/api.js está correto, de acordo com o seu.

🔖 TelasApp

Web -> resultado da aplicação em execução:

Mobile

App Mobile (React Native) -> resultado da execução:

📝 Licença

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