Skip to content

Latest commit

 

History

History
161 lines (107 loc) · 4.68 KB

README.md

File metadata and controls

161 lines (107 loc) · 4.68 KB

BLOG 17

Tecnologies Backend

💻 Requisitos para o projeto rodar

  • Install em sua máquina NodeJS, Docker, DBeaver, Git, vsCode.

  • Escolhe uma pasta aonde vai baixar o repositorio, clique com o botão direito do mouse e escolha o (abrir gitbash), após isso, vá ao Repositório e clone o repositorio para sua máquina.

Exemplo

$ git clone https://github.com/LeandroSiani/school_fiap_techchallenge2

💻 Iniciar o projeto

  • Ok, repositório baixado, agora pode abrir o repositório em seus vsCode, e vamos iniciar o projeto.
  • Vamos começar pelo projeto do backend, primeiro acesse a pasta "server"

Exemplo

$ cd server
  • Dentro da pasta server, vamos instalar as dependencias.
$ npm install
  • Na pasta raiz, tem um arquivo chamado ".env.exemple", remove o exemple, deixamos assim ".env", agora abre o arquivo, dentro vai ter preencha ele com os dados abaixo.

Exemplo

ENV="development"
POSTGRES_HOST="localhost"
POSTGRES_PORT="5432"
POSTGRES_USER="postgres"
POSTGRES_PASSWORD="postgres"
POSTGRES_DB="postgres"
PORT="3000"
  • Agora o projeto backend está pronto para rodar. Com o Docker rodando, vai no terminal, coloque esse comando
$ docker-compose up --build
  • Pronto, o projeto backend já deve estar rodando, agora vamos abrir o DBeaver, e vamos configurar, para ficar OK!
  • Com o DBeaver aberto, você vai ver uma tomada com o sinal de mais, que com o mouse emcima está escrito "Nova conexão", também pode usar as teclas de atalho apara abrir, "ctrl+shift+n".
  • Após aberto, clique no Postgresql, e após clique em avançar, adicione os dados que tem no .env para funcionar, após colocar os dados, aperte em concluir.
  • Pronto, agora você pode ver os dados no seus banco de dados.

Obs:

  • Você pode ver como funciona as implementações do backend pela url, vai abrir o swagger e você pode ver como funciona os endpoint.

Backend já implementado, agora vamos de Frontend

  • Com o backend implementado, o frontend é bem simples, primeiro vamos sair da pasta do server e acessar a pasta web.
$ cd ..
$ cd web
  • Dentro das pasta web, vamos instalar as dependencias do frontend
$ npm install
  • Agora com tudo instalado, basta acessar o terminal e iniciar o projeto
$ npm run dev
  • Projeto frontend, vai abrir na url.

Conheça nosso aplicativo em React Native

  • Com o backend implementado, acesso ao aplicativo é bem simples, volte para pasta padrão
$ cd app
  • Dentro das pasta app, vamos instalar as dependencias do aplicativo
$ npm install
  • Na pasta raiz, tem um arquivo chamado ".env.exemple", remove o exemple, deixamos assim ".env", agora abre o arquivo, dentro vai ter preencha ele com os dados abaixo.

Exemplo

NEXT_PUBLIC_ADMIN_USERNAME=admin
NEXT_PUBLIC_ADMIN_PASSWORD=supersecret
IP_CONFIG_AXIOS_BASE_URL=http://000.000.0.000 (SEU IP)
  • Agora com tudo instalado, basta acessar o terminal e iniciar o projeto
$ npx expo start

  • Com o projeto de App existe 2 meios de visualizar o projeto, você pode instalar o App Expo Go no seu celular e apontar a câmera para o qrcode. Segue os links para baixar o app.

  • IOS

  • Android

  • E direto do site do Expo, você consegue baixar tanto para IOS e Android, quanto para seus desktop ou laptop.

  • EXPO GO

Login de acesso do professor:

User: admin
Password: admin@123

E pronto, fique a vontade para testar e brincar.