Este projeto foi desenvolvido usando as tecnologias React.Js, Node.Js, MySql, Axios, Express e Text To Speech do IBM Watson.
Crie uma conta free na IBM para obter a Api Key que será utilizada nos passos seguintes.
- Clone o repositório
-
git clone [email protected]:Arnaelcio/Smarkio-Challenge.git
. -
Entre na pasta do repositório que você acabou de clonar:
-
cd Smarkio-Challenge
ATENÇÃO!!
Note que existem dois diretórios; um chamado backEnd
e outro chamado frontend
; Cada um desses diretórios possui um script para poder funcionar como mostrado abaixo:
- Entre no diretório
backEnd
cd backEnd
.
- Instale as dependências para o
backEnd
npm install
- Volte para o diretório raiz do projeto
Smarkio-Challenge
cd ..
- Entre no diretório
frontend
cd Frontend
.
- Instale as dependências para o
frontend
npm install
- Volte para o diretório raiz do projeto
Smarkio-Challenge
cd ..
-
Abra 2 terminais de linha de comando (bash, shell, ou de sua preferência)
-
No primeiro terminal, entre no diretório
backEnd
cd BackEnd
.
-
Renomeie o arquivo de nome
.env_sample
para.env
-
Substitua os valores das variáveis do pelos dados da sua conexão MySql;
Você também precisará definir o valor da variável API_KEY_WATSON
com suas credenciais do site da IBM.
- Rode o comando abaixo para criar o banco de dados local
npx sequelize db:create
.
- Rode o comando abaixo para criar a tabela do banco de dados
npx sequelize db:migrate
.
- Rode o comando abaixo para popular a tabela que foi criada no passo anterior
npx sequelize db:seed:all
.
Agora o banco de dados local está criado e sua tabela de comentários já possui dados; Podemos iniciar o servidor node local ;
- Rode o comando abaixo para inciar o servidor do
backEnd
npm run dev
.
- Ainda no primeiro terminal, você deverá ver a mensagem abaixo:
ouvindo a porta 3001
- No segundo terminal, entre no diretório
frontend
cd frontend
.
- Rode o comando abaixo para inciar a aplicação em React
npm start
.
- Ainda no segundo terminal, você deverá verificar se existe a mensagem abaixo:
Compiled successfully!
Isso significa que está tudo OK e o frontend já está rodando! Deverá abrir uma guia do seu browser automaticamente com a plicação rodando, mas caso isso não aconteça, basta digitar: http://localhost:3000
na barra de endereço do seu navegador para ver a aplicação rodando!
E-mail: [email protected]