https://github.com/didifive/meetingroom-client
Meeting Room Client (Front-end)
https://github.com/didifive/meetingroom-client
angular dio-bootcamp front-end javascript typescript
Last synced: 2 months ago
JSON representation
Meeting Room Client (Front-end)
- Host: GitHub
- URL: https://github.com/didifive/meetingroom-client
- Owner: didifive
- License: mit
- Created: 2021-12-24T15:55:51.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-12-26T02:17:45.000Z (over 4 years ago)
- Last Synced: 2025-01-10T00:17:15.591Z (over 1 year ago)
- Topics: angular, dio-bootcamp, front-end, javascript, typescript
- Language: TypeScript
- Homepage: https://meetingroomclient.netlify.app/
- Size: 118 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Crie seu gerenciador de salas de reuniões com Java e Angular
## Digital Innovation One
### Bootcamp "Java Developer"
Projeto desenvolvido com instruções de [Kamila Santos] na trilha de estudo do Bootcamp "Java Developer" da [dio.me].
Link da base utilizada neste projeto: [Kamilahsantos/Client-Angular-Live-Coding-Dio].
---
Instalação do Angular CLI:
```bash
npm install -g @angular/cli
```
---
Abaixo seguem modificações feitas em relação ao projeto base:
* O projeto foi iniciado com `ng new` e componentes criados com `ng g c`;
* Como no backend foi criado novo atributo, neste projeto foi adicionado o atributo `link` no model `room.ts` e nos respectivos componentes `create-room`,`room-detais`, `room-list` e `update-room`;
* Foi adicionado o atributo `APIEndpoint` em environments para disponibilizar para a aplicação em `room.service.ts` os links para ambiente de desenvolvimento (local) e de produção (conectando com o projeto hospedado no [Heroku]);
* Corrigido o link do item "Room List" da barra de navegação que fica no arquivo `app.component.html`.
---
* Link Projeto Online: https://meetingroomclient.netlify.app/
[](https://app.netlify.com/sites/meetingroomclient/deploys)
---
Como o projeto foi feito com a base de dados H2 que fica em memória, quando a aplicação é reiniciada os dados são resetados (zerados), portanto para que exista uma lista é necessário fazer adição/cadastro pelo link "Add Room" disponível na barra de navegação da página, ou ir diretamente para o link [https://meetingroomclient.netlify.app/add](https://meetingroomclient.netlify.app/add).
---
O backend utilizado neste projeto está no repositório [didifive/meetingroom-backend].
Link do projeto disponível online no [Heroku]: [https://meetingroom-backend.herokuapp.com](https://meetingroom-backend.herokuapp.com/swagger-ui.html)
_Observação: Quando o projeto fica sem receber requisições por um tempo, automaticamente o Heroku coloca ele em modo dormir (sleepy), portanto caso ocorra erro de timeout, basta tentar novamente que deve estar ativo._
---
Links Interessantes:
* [NodeJS]
* [Angular CLI]
* [TypeScript]
* [Netlify]
[dio.me]: https://dio.me/
[Kamila Santos]: https://www.linkedin.com/in/kamila-santos-oliveira/
[Kamilahsantos/Client-Angular-Live-Coding-Dio]: https://github.com/Kamilahsantos/Client-Angular-Live-Coding-Dio
[didifive/meetingroom-backend]: https://github.com/didifive/meetingroom-backend
[NodeJS]: https://nodejs.org/
[Angular CLI]: https://angular.io/cli
[TypeScript]: https://www.typescriptlang.org/
[Netlify]:https://www.netlify.com/
[Heroku]: https://www.heroku.com/