PRIMEIROS PASSOS DEVELOPER FRONTEND

1 - CONHEÇA O PROJETO SHAREBOOK

https://www.linkedin.com/pulse/projeto-sharebook-raffaello-damgaard/

2 - ENTRE NO SLACK

https://join.slack.com/t/sharebookworkspace/shared_invite/zt-4fb3uu8m-VPrkhzdI9u3lsOlS1OkVvg

2.2 - LÁ NO SLACK, ENTRE NO CANAL #FRONTEND

• Se apresente. Nome, cidade, profissão, e principais habilidades.
• Pergunte sobre as tarefas em aberto.
• Troque uma ideia com o time técnico. Comente como planeja solucionar. Ouça os conselhos dos devs mais experientes. Esse alinhamento é super importante pra aumentar significativamente as chances do seu PULL REQUEST ser aprovado depois.

3 - FAÇA PARTE DA EQUIPE NO TRELLO

https://trello.com/invite/sharebook6/928f21ef82592b5edafde06f171d338b

3.2 - PEGUE UMA TAREFA NO TRELLO.

• https://trello.com/b/QTdWPYhl/sharebook
• Coloque no seu nome e mova para DOING.

4 - GITHUB

4.1 FAÇA UM FORK DO REPOSITÓRIO

https://github.com/SharebookBR/frontend

4.2 INSTALE OS PLUGINS RECOMENDADOS

Para padronizarmos a formatação do código, é necessário instalar o pluguin no VSCode chamado "Prettier - Code Formatter".

Outros pluguins que recomendamos para evitar possíveis erros: TSLint, ESLint e JSHint.

4.3 ESCREVA CÓDIGO

Hora de colocar a mão na massa. A parte mais divertida, trabalhar no código-fonte. Depois de concluir e testar, envie sua PULL REQUEST para a branch DEVELOP e aguarde ser aprovado.

4.4 LOGIN DE TESTES EM DEV

Caso você necessite logar para testar localmente o projeto, pode utilizar o login abaixo:
Login: vagner@sharebook.com
Senha: 132456

5 MISSÃO CUMPRIDA. VC AJUDOU O PROJETO. ❤️

Tecnologias utilizadas

• Angular: 13.3.12
• Angular CLI: 13.2.5
• TypeScript: 4.5.5
• Angular Material: 13.3.9
• Bootstrap: 4.5.0
• Node.js: Recomendado 14.x (versões superiores podem apresentar warnings)

Observações:

Verifique a versão do Node - Recomendamos Versão 14. Outras versões tem apresentado instabilidades com pacotes presente no projeto.

Rodar o app pela primeira vez

# Instalar dependências (necessário usar --legacy-peer-deps devido a conflitos de versão)
npm install --legacy-peer-deps

# Iniciar o servidor de desenvolvimento
npm start

# crie seu primeiro componente. Exemplo.
ng generate component book/list nomeDoComponente

Rodar o app pela primeira vez com Docker

Os comandos abaixo irão rodar o frontend em container docker com hot reload, ou seja, qualquer alteração feita no front será automaticamente atualizada.

# Criando imagem e rodando o container com Backend DEV
docker-compose up -d --build

# Criando imagem e rodando o container com Backend LOCAL
docker-compose -f docker-compose-local.yml up -d --build

# Rodando todos os testes unitários
docker-compose run --rm sharebook npm run test

# Para rodar o teste unitário dentro do container e verificar os possíveis erros
docker exec -it sharebook-frontend-dev bash
npm run test-debug
acessar a URL que aparece no console: http://localhost:9876/
clicar no botão DEBUG

# Parando o container
docker-compose stop

# Parando e eliminando o container
docker-compose down

Acessando o frontend no navegador

http://localhost:4200

API no ambiente de dev

https://api-dev.sharebook.com.br/swagger/

---

Colinha docker VPS

# Build da imagem
docker build -t sharebook-front -f devops/Dockerfile .

# Run com environment Development
docker run -d -p 4200:80 --name sharebook-frontk-container sharebook-front