Aplicação angular (front-end) e nodejs (back-end), com template ngx-admin. Para a matéria de Projeto final de sistemas de informação.
Esse sistema tem como objetivo auxiliar o processo de atendimento e acompanhamento de nutricionistas com seus pacientes, o acompanhamento será feito através do uso de um aplicativo móvel por parte do cliente, e através de uma versão web para o nutricionista. O sistema visa auxiliar o acompanhamento do cliente antes da consulta, a fim de entender seus hábitos e obter um pré-diagnóstico, durante a consulta, auxiliando o nutricionista na tomada de decisão com base nos dados coletados e também após a consulta, acompanhando o cliente e mantendo contato com o nutricionista.
Para mais imagens veja a Wiki do projeto
O projeto esta divido em duas pastas:
- Front-end
- Back-end
Abaixo seguem as instruções para fazer a instalação de tudo o que é necessário para rodar o projeto.
O primeiro passo é clonar o projeto, note que o projeto back-end e front-end estão nesse mesmo projeto, portanto ao clonar você está clonando os dois, ele está somente dividido em pastas diferentes.
Para controlar o git eu estou usando o próprio software do Github, mas se você preferir pode usar o terminal mesmo.
Clone o projeto:
git clone https://github.com/muriloe/Hauora.git
Apos finalizar a instalação você precisa instalar o node e o angular:
Para instalar o node acesse:
https://nodejs.org/en/download/
Após terminar a instalação, navegue pelo terminar node até a pasta onde você clonou o projeto e então acesse a pasta back-end. No terminal digite:
npm install --save
Esse comando baixa todas as dependências do projeto.
Feito isso podemos iniciar o servidor:
node app.js
ou
nodemon app.js
Agora no navegador você pode acessar:
localhost:3000
ou também já acessar pedindo um dado
http://localhost:3000/api/pessoas/Murilo
Caso o banco estaja zerado, esse URL pode instanciar alguns dados:
http://localhost:3000/api/iniciarBanco
Para instala o angular devemos navegar pelo terminal até a pasta /Haoura/front-end, então devemos instalar o angular:
npm install -g @angular/cli
ou
sudo npm install -g @angular/cli
Caso apresente erros de permissão do npm:
sudo npm install -g @angular/cli --unsafe-perm
Após instalar o angular, devemos instalar os pacotes:
npm install
Feito isso podemos rodar a aplicação angular:
ng s
Pronto!!! Agora você pode acessar no navegador o app angular:
Normalmente localhost:4200
o terminal mostra em que porta o servidor vai rodar
Como já comentado o projeto node e angular funcionam de formas independentes. Um funciona sem que o outro estar funcionando. Claro que se iniciarmos o angular sem o node a aplicação não consigira obter nenhuma informação. Dessa maneira também o servidor node pode responder tanto para o app iOS quando para o web Angular.
Estamos utilizando o banco de dados mongodb, para facilitar a vida estou utilizando o mLab, caso deseje rodar o projeto crie um banco no mlab e aponte na aplicação back-end, portanto a aplicação node aponta direto para ele, não precisando assim levantar o servidor localmente.
Para funcionamento correto criei um email, o qual realiza o envio de recuperação de senha, etc. Procure no projeto por nodemailer, e adicione o email e senha que você criou.
https://www.getpostman.com/collections/c052fbbfbd59f8c50446
Caso os dados não sejam exibidos usar a extensão:
Criação de uma nova page https://akveo.github.io/ng2-admin/articles/013-create-new-page/
Caso tenha problemas ao dar push, isso pode ocorrer devido ao husky, o qual analisa o código atrás de erros, usar o comando:
git push --no-verify