KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

sharebook-frontend

★ 75 Open GitHub ↗

Projeto frontend de código livre para o app Sharebook.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

```bash
# 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.

```bash
# 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

```bash
# 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
```

sharebook-frontend

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README