O site Doar Bem foi feito em Angular, portanto o ambiente de desenvolvimento precisa dos seguintes comandos:
- Instalar o Angular CLI
npm install -g @angular/cli
- Instalar o YARN
- Atualizar os pacotes do Doar Bem:
- digite
YARN
na linha de comando
- digite
- Rodar a versão local do site:
ng serve --open --proxy-config proxy.conf.json
ATENÇÃO
: Os comandos de 1 a 3 são usado somente na primeira vez para instalar as ferramentas, nas próximas vezes utilize apenas o comando 4.
Caso queira rodar também o back-end, rode os comandos abaixo:
- Instalar o Python
https://www.python.org/downloads/
- Baixar os fontes do back-end (numa pasta separada):
git clone https://github.com/jcezarc/doar_faz_bem.git
- Atualizar os pacotes do back-end:
pip install -r requirements.txt
- Rodar o back-end:
- configure a variável de ambiente
DOAR_FAZ_BEM_HOST = temp
no seu sistema operacional python app.py
- configure a variável de ambiente
ATENÇÃO
: Os comandos de 1 a 3 são usado somente na primeira vez para instalar as ferramentas, nas próximas vezes utilize apenas o comando 4.
(src/app/login...)
- A pessoa entra com email e senha
O serviço Pessoa-service
(src/app/Pessoa)
acessa o back-end para consultar por email e senha. - ...Ou a pessoa clica em Registre-se
Nesse caso, há um redirecionamento para a página /New-Pessoa
(src/app/Necessidade/Necessidade-list)
- O componente NecessidadeListComponent usa o serviço em Necessidade-service para mostrar todos os itens de Necessidade (campanhas e doações)
- Uma campanha é uma necessidade gravada com quantidade negativa.
- Uma doação é uma necessidade gravada com quantidade positiva.
- Cada Necessidade-item representa um registro na tabela de necessidades.
- Os componentes de lista -- como Necessidade-list -- possuem uma barra de pesquisa, além de um botão para adicionar (+) umna nova necessidade.
A página Pessoa-list é formada de....
- Header (com os links para as páginas do site)
- PessoaListComponent
- Search-Bar
(src/app/shared/search-bar)
- Itens
(src/app/Pessoa/Pessoa-item)
- navigator
(src/app/shared/navigator)
- Search-Bar
- Footer
O formulário abaixo possui os seguintes campos...
- CPF/CNPJ: Ao preencher este campo com 14 dígitos é feita uma consulta na Receita Federal, para preenchimento automático dos campos:
- Nome
- CEP
- Email: Campo que não pode ser duplicado pois é usado no login;
- CEP e Número: Ao clicar em "Consultar CEP", o campo Endereço é preenchido com os dados de consulta aos Correios
- Foto: Caminho para a imagem que ficará associada à Pessoa.