Projeto desafio fullstack, feito em NodeJS e ReactJS.

Autor: Luiz Henrique

ATENÇÃO: É PREFERÍVEL QUE ESTE PASSO A PASSO SEJA FEITO ANTES DE EXTRAIR TODO O CÓDIGO DO GITHUB.

Guia de instalação das dependências do backend

• Segue o passo a passo da instalação das dependências do backend. Obs.: Todos os pacotes devem ser instalados com suas versões corretas.

1º - Express. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add express ou npm install express |.

2º - Init. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn init -y ou npm init -y |.

3º - Cors. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add cors ou npm install cors |.

4º - Is-empty. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add is-empty ou npm install is-empty |.

5º - MySQL. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add mysql2 ou npm install mysql2 |.

6º - Sequelize. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add sequelize@5.21.4 ou npm install sequelize@5.21.4 |.

7º - Sequelize-cli. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add sequelize-cli@5.5.1 ou npm install sequelize-cli@5.5.1 |.

8º - Nodemon. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn add nodemon ou npm install nodemon |.

Chegamos ao fim das instalações das dependências, backend agora está pronto para ser usado.

Script para o início do funcionamento do servidor do backend

Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "Backend": | yarn dev ou npm run-script dev |. Tudo pronto, agora iniciamos o nosso servidor e estamos devidamente conectado ao banco de dados que está em nuvem.

---

Guia de instalação das dependências do frontend

• Segue o passo a passo da instalação das dependências do frontend.

1º Create-react-app. Deve-se instalar globalmente o pacote create-react-app com o seguinte comando: | npm install -g create-react-app |. Após a instalação do create-react-app, o comando estará pronto para ser usado, e assim criaremos nosso projeto com o seguinte comando(dentro da nossa pasta "Frontend"): | create-react-app desktop |.

2º Axios. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "desktop": | yarn add axios ou npm install axios |.

3º Is-empty. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "desktop": | yarn add is-empty ou npm install is-empty |.

4º React-router-dom. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "desktop": | yarn add react-router-dom ou npm install react-router-dom |.

5º React-icons. Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "desktop": | yarn add react-icons ou npm install react-icons |.

Script para o início do funcionamento do frontend

Deve-se adicionar o seguinte comando ao seu terminal, dentro da pasta "desktop": | yarn start ou npm start |. Tudo pronto, o projeto irá abrir no seu navegador padrão e está pronto para ser usado.