Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sharebookbr/sharebook-frontend
Projeto frontend de código livre para o app Sharebook.
https://github.com/sharebookbr/sharebook-frontend
angular9 bootstrap4 css3 frontend html5 sharebook slack trello typescript
Last synced: about 2 hours ago
JSON representation
Projeto frontend de código livre para o app Sharebook.
- Host: GitHub
- URL: https://github.com/sharebookbr/sharebook-frontend
- Owner: SharebookBR
- Created: 2018-05-15T15:44:01.000Z (over 6 years ago)
- Default Branch: develop
- Last Pushed: 2024-09-07T09:23:11.000Z (2 months ago)
- Last Synced: 2024-09-07T10:43:33.611Z (about 2 months ago)
- Topics: angular9, bootstrap4, css3, frontend, html5, sharebook, slack, trello, typescript
- Language: TypeScript
- Homepage:
- Size: 14.5 MB
- Stars: 74
- Watchers: 13
- Forks: 60
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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: [email protected]\
Senha: 132456
### 5 MISSÃO CUMPRIDA. VC AJUDOU O PROJETO. ❤️
## 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
npm install
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://dev.sharebook.com.br/swagger/