Skip to content

JVictor07/Aplicativo_Be-The-Hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Be The Hero, a aplicação que conecta heróis e ONGs.

Tecnologias utilizadas 💻

Este incrível projeto foi feito com:

  • NodeJS
  • React
  • React Native
  • Express (para consumir a API do projeto)
  • Expo (para executar o React Native)

O Que é o Be The Hero? 🤔

Be the Hero é uma aplicação que liga ONGs e pessoas dispostas a ajudarem de forma financeira.

Jornada dos usuários:

  1. As ONGs se cadastram via WEB e recebem uma página onde podem fazer cadastros de casos em que precisam de ajuda.

  2. Estes casos são salvos dentro de um banco de dados, e disponibilizados para a aplicação mobile.

  3. Os heróis baixam o aplicativo e selecionam o caso em que querem ajudar. (O mais legal é que eles precisam dar apenas dois cliques para fazer isso, pois através da API Linking do React Native, o APP automatiza o envio de mensagem via e-mail e whatsapp).

Como executar este projeto? 🎮

Executando a aplicação web: 🖥️

  1. Baixe os arquivos backend e frontend na sua máquina.

  2. Instale todas as dependencias do projeto, (lembrando que para que uma dependência seja considerada dependência de desenvolvimento, no momento da instalação, deve ser adicionado o "-D".

Ex: npm install nodemon -D

  1. Abra o diretório do "backend" pela prompt de comando e execute "npm start"

  2. Abra o diretório do "front-end pela prompt de comando e execute "npm start"

  3. Crie sua ONG e adicione casos fictícios

Executando a aplicação Mobile 📱

  1. Com o backend já instalado, baixe também a pasta "mobile".

  2. Instale todas as dependências do projeto. (principalemte o "expo")

  3. Para que você tenha uma experiência bacana, instale o aplicativo do expo em seu celular.

  4. Abra o diretório do "mobile" pela prompt de comando e execute "expo start". Automaticamente abrirá um site, mude a connection para "LAN", o processamento é mais rápido.

  5. Escaneie o QR Code pelo App.

  6. Prontinho, você terá acesso a todos os casos que você criou. 😁

Caso não funcione 😲

  1. Verifique as portas da aplicação e confira se as mesmas em seu computador não estão em uso.

  2. Caso não der certo, me envie mensagem no Linkedin, será um prazer ajudá-lo !


Considerações 📝

Considero este projeto um grande passo em minha carreira, através desta aplicação pude conhecer conceitos extremamente importantes de NodeJS, ReactJS e React Native, que sei que contribuirão muito em meu desenvolvimento.

                                           Feito com ♥️, João Silva

About

Aplicação feita com Node.js, React e React-Native

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published