Instalando NodeJS
- Para começar precisamos ter o framework NodeJS instalado. Acesse a página oficial do NodeJS e baixe a versão Windows installer (.msi).
- Após isso, execute o arquivo executável (.exe), aceite os termos de uso e instale o Node.
Instalando Yarn
- Para instalar o Yarn, seguiremos praticamente os mesmos passos citados acima. Acesse a página oficial do Yarn e baixe o instalador.
- Após isso, execute o arquivo executável (.exe), aceite os termos de uso e instale o Yarn.
Instalando MySQL Server
- Para instalar o MySQL Server, precisamos baixar o MySQL Installer versão local (versão com maior tamanho).
- Após isso, execute o arquivo baixado.
- Selecione a opção
Server only e clique em executar.
- Após a instlação do MySQL Server vá em
Product Configuration e clique em avançar (sem alterar os parâmetros já pré-configurados).
- O próximo passo é configurar a senha de acesso para o banco de dados, então em
Accounts and Roles crie sua senha e sempre lembre dela.
- Após instalar encontre em qual local o o MySQL Server foi instalado e copie o caminho do arquivo.
- Por fim, precisamos adicionar o MySQL Server como variável de ambiente, para que o comando
mysql seja reconhecido. Para digite variáveis de ambiente no Menu Iniciar. Ao abrir as propriedades do sistema, clique em variáveis de ambiente.
- Ao abrir clique em
PATH e depois no botão editar. Na janela aberta clique em novo e cole o caminho do arquivo do MySQL Server (copiado anteriormente).
Configurando Banco de Dados
- Com o MySQL Server instalado e o comando
mysql sendo reconhecido, o próximo passo é criar o banco de dados da aplicação.
- Para isso escreva no CMD o comando:
mysql -u root -p e digite sua senha. Assim poderemos colocar comandos SQL direto pelo terminal.
- Para criar o database, digite o comando:
create database carmy.
- Pronto o banco de dados está criado.
Configurando Back-End
- Primeiro clonamos o repositório do GitLab para nossa máquina. Para isso utilize o comando:
git clone http://www.tools.ages.pucrs.br/Carmy/carmy-api.git;
- Após isso entre no diretório do projeto utilizando o comando:
cd carmy-api.
- Instale as dependências utilizando o comando:
yarn install.
- Configure variáveis de ambiente:
- Crie o arquivo
.env na raiz do projeto a partir do conteúdo do arquivo .env.example. Para isso use sua IDE de preferência (recomenda-se o VS Code) crie o arquivo salvando-o com a extensão .env.
- Acesse o arquivo
.env no seu editor e configure conforme a sua configuração local
- Insira o esquema do banco de dados no database utilizando o comando
yarn sequelize db:migrate.
- Alimente o banco de dados com dados de teste utilizando o comando
yarn sequelize db:seed:all.
- Iniciar a aplicação digitando
yarn dev.
- Acesse pelo navegador
http://localhost:5001
- Clique em
avançados.
- Clique em
ir para este site.
- Verifique se aparece a mensagem
{"message":"API FUNCIONANDO"}.
Configurando Front-End
- Primeiro clonamos o repositório do GitLab para nossa máquina. Para isso utilize o comando:
git clone http://www.tools.ages.pucrs.br/Carmy/carmy-web.git.
- Entre no diretório do projeto utilizando o comando
cd carmy-web.
- Instale as dependências utilizando o comando
yarn install.
- Iniciar a aplicação digitando
npm start ou yarn start
- Acesse pelo navegador
http://localhost:3000
- Clique em
avançados.
- Clique em
ir para este site.