Be the hero

Sistema desenvolvido durante a Semana Omni Stack 11, que visa ajudar ONGs com doações.

---

📜 Sobre o projeto

O projeto foi desenvolvido durante a semana Omnistack 11, tem por objetivo ajudar as ONGs a pagarem as contas de determinados procedimentos

Com isso foram construido três aplicações, uma usando NodeJs para servidor, outra usando React como Frontend da web e uma feita com React Native para aplição mobile além do CSS feito especificamente para o projeto

O projeto web conta com uma tela de login onde deve ser informado o código da ONG que está se autenticando

Após autenticado cada ONG poderá visualizar os casos já cadastrados, deletar alguns casos ou cadastrar novos casos

Navegação entre as telas do projeto Web

O projeto mobile é destinado as pessoas que desejam entrar em contato com a ONG para poder ajudar com o pagamento de determinados casos

Ao acessar o aplicativo o usuário visualizará a splash screen da aplicação, e logo após os casos das ONGs

Ao selecionar um dos casos o usuário poderá enviar um email ou mensagem pelo Whatsapp da ONG

Navegação entre as telas do projeto Mobile, a paginação é feita usando o InfiniteScroll, onde ao chegar ao final da pagina mais casos serão carregados

🚀 Executando o projeto

Primeiro é preciso instalar as dependencias dos projetos, para isso basta acessar as pastas backend, frontend e mobile pelo terminal e executar o install

  npm install

🏭 Executando o servidor (Aplicação em NodeJs)

Por padrão a aplicação já esta com uma base de dados SQLite sendo enviada junto ao projeto, porém pode ser criado uma nova em outra base de dados, para isso basta acessar o arquivo knexfile.js e alterar as configurações. Mais informações na documentação http://knexjs.org/

Depois de configurado acesse a pasta backend pelo terminal, será preciso executar a criação das tabelas na base de dados, executando o comando:

  npx knex migrate:latest

Feito isso só será preciso executar o comando abaixo na pasta do backend para que o servidor fique rodando, ele funciona na porta 3333

  npm start

💻 Executando o Frontend (React)

Na aplicação react só será preciso executar o start, na pasta frontend e o site será carregado

  npm start

📱 Executando a aplicação Mobile (React Native)

Primeiro sera preciso acessar pelo terminal a pasta mobile, executar o start

  npm start

No navegador sera gerado um QRCode, que deverá ser lido pela camera do aparelho iOS ou Android, lembrando que precisa que o aplicativo expo esteja instalado no aparelho. Feito isso a aplicação sera carregada no aparelho