Be the hero.

Be the Hero é um projeto que ajuda ONGs a encontrarem pessoas que desejam contribuir - feito na Semana OmniStack 11.

Backend da aplicação desenvolvido em NodeJs.

Exemplos de requisições enviadas ao backend através do insomnia.

Criação de uma nova ONG.

Nesta rota são enviados os dados para o cadastro de uma ONG e a API retorna o ID dessa ONG.

Criação de um novo caso para uma ONG.

Nesta rota são enviados os dados para o cadastro de um caso junto com o ID de uma ONG já existente e a API retorna o ID desse caso.

Frontend web da aplicação desenvolvido em Javascript com ReactJs.

Screenshots das páginas.

Página de login da ONG.

Nesta página o usuário pode fazer login com o ID recebido no cadastro.

Página de cadastro de uma ONG.

Nesta página o usuário pode preencher o formulário de cadastro e será retornado o ID de sua ONG.

Dashboard principal.

Esta é a página que o usuário tem acesso após o login, nela ele pode ver uma lista com todos os casos da sua ONG, deletar casos ou criar um novo caso.

Página de cadastro de um caso.

Nesta página o usuário pode preencher o formulário de cadastro para cadastrar um novo caso em sua ONG.

Frontend mobile da aplicação desenvolvido em Javascript com React Native.

Screenshots das telas.

Splash screen.

Tela que o usuário vê ao abrir o aplicativo.

Lista de casos.

Tela em que o usuário pode ver os casos de todas as ONGs e se decidir ajudar alguma poderá selecionar mais detalhes.

Detalhes de um caso.

Tela em que o usuário pode ver mais detalhes sobre um caso que ele selecionou.

Caso ele escolha ajudar, poderá selecionar "Whatsapp" ou "Email".

O botão "Whatsapp" irá redirecioná-lo para uma conversa do whatsapp (Caso esteja instalado) com o número cadastrado pela ONG.

O botão "Email" irá redirecioná-lo para o aplicativo padrão de email ja preparado para enviar para o email cadastrado pela ONG.