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
.