Skip to content

Projeto para entender como funciona as tecnologias Node, React e React Native

Notifications You must be signed in to change notification settings

Bak4riba/be-the-hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Be The Hero - Semana Omnistack

Instalação

  • Instale as dependencias do projeto executando o comando npm install dentro de cada umas das pastas: bcknd, ftnd e mobile.
  • Execute o comando npm start dentro de cada pasta.
  • Para acessar a versão web utilize um navegaodor no endereço localhost:3000 e para acessar a versão mobile do sistema leia o QR Code no seu celular com o app Expo.

Objetivo

O meu objetivo ao desenvolver esse projeto era o de conhecer as tecnologias da stack que a omnistack trabalha e desenvolver minhas habilidades com essas tecnologias. Esse foi um dos primeiros passos. Pretendo desenvolver ainda mais utilizando essa stack. Enfim, dando continuidade a "apresentação" desse repositório...

O que é esse Projeto?

Essa aplicação consiste em ser um meio onde ONGs possam arrecadar ajuda financeira de voluntários. A partir de uma aplicação desenvolvida com React no front-end e Node.js no back-end, as ongs poderão se cadastrar e criar os casos que precisam de um herói para salvar o dia! O Cadastro das ONG's consiste em responder um fomulário com os campos Nome da ONG, Email,Cidade e UF clicar no botão "Cadastrar", feito isso será gerado um ID do sistema, unico de cada ONG.Com esse ID as ONGs terao acesso ao sistema para cadastrar novos casos.Quanto ao cadastro de casos as ONGS precisam estarem logadas no sistema para poder criar novos casos. Cada novo caso consiste em um formulário onde serão informados um Titulo,uma Descrição e o Valor necessário para que aquele caso possa ser solucionado. Os voluntários, ou melhor, os heróis desses casos conseguirão acessa-los por meio de um aplicativo desenvolvido com React Native, onde sera mostrado uma listagem com todos os casos das ongs cadastradas. Em cada caso haverá as formas de entrar em contato com a ong, seja via WhatsApp ou Email.

Screenshots WEB

Tela de Login

Login

Cadastro de ONG

Cadastro

Cadastro de Novo Caso

Cadastrar novo caso

Listagem de Casos

Lista

Screenshots Mobile

Feed de Casos

Lista_mobile

Detalhes dos Casos

Detalhes

Modificações Futuras
  • Add possibilidade de Voluntario doar apenas parte do valor
  • Add barra mostrando o progresso do caso/quantia arrecada

About

Projeto para entender como funciona as tecnologias Node, React e React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published