https://github.com/reinaldoper/apis-examples-js-vanila
Project done with javaScript, all content done with docker and kubernetes.
https://github.com/reinaldoper/apis-examples-js-vanila
bootstrap css js kubernetes-cluster
Last synced: 2 months ago
JSON representation
Project done with javaScript, all content done with docker and kubernetes.
- Host: GitHub
- URL: https://github.com/reinaldoper/apis-examples-js-vanila
- Owner: reinaldoper
- Created: 2024-08-05T04:01:58.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-14T04:08:56.000Z (almost 2 years ago)
- Last Synced: 2025-03-30T14:41:51.297Z (about 1 year ago)
- Topics: bootstrap, css, js, kubernetes-cluster
- Language: JavaScript
- Homepage:
- Size: 14.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend JS Application
Esta é uma aplicação frontend desenvolvida em JavaScript puro (Vanilla JS), que consome diversas APIs, incluindo:
- **Digimons**: Renderiza uma lista de Digimons.
- **Piadas de Chuck Norris**: Exibe piadas aleatórias de Chuck Norris.
- **Produtos**: Lista e exibe produtos.
- **Pokémon**: Permite ao usuário pesquisar por um Pokémon.
- **Rick and Morty**: Exibe personagens da série Rick and Morty.
## Pré-requisitos
Certifique-se de ter o seguinte instalado:
- [Docker](https://www.docker.com/get-started)
- [Minikube](https://minikube.sigs.k8s.io/docs/start/)
- [kubectl](https://kubernetes.io/docs/tasks/tools/install-kubectl/)
## Estrutura do Projeto
- **index.html**: Página principal da aplicação.
- **style.css**: Arquivo de estilo da aplicação.
- **simple-deployment.yml**: Arquivo de configuração para o deployment no Kubernetes.
## Executando a Aplicação
### Rodando com Go Live
1. Abra o projeto em seu editor de texto preferido (ex: VSCode).
2. Instale a extensão **Live Server**.
3. Clique com o botão direito no arquivo `index.html` e selecione **Open with Live Server**.
4. A aplicação será aberta no seu navegador padrão.
### Rodando com Minikube
1. Inicie o Minikube:
```bash
minikube start
```
2. Aplique o deployment no cluster:
```bash
kubectl apply -f simple-deployment.yml
```
3. Exponha o serviço:
```bash
kubectl expose deployment client-deployment --type=LoadBalancer --name=client --port=80
```
4. Acesse a aplicação:
```bash
minikube service client
```
### Deployment
- O arquivo simple-deployment.yml contém a configuração do deployment. Ele utiliza a imagem Docker rei200201/app-js:3.1