https://github.com/epiled/hello-world

🌎 Projeto para testar e consumir APIs do Google 🌏
https://github.com/epiled/hello-world

api css html js pwa

Last synced: 3 months ago
JSON representation

🌎 Projeto para testar e consumir APIs do Google 🌏

• Host: GitHub
• URL: https://github.com/epiled/hello-world
• Owner: Epiled
• License: mit
• Created: 2019-09-12T20:28:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-27T10:43:27.000Z (over 1 year ago)
• Last Synced: 2025-01-20T12:27:57.402Z (4 months ago)
• Topics: api, css, html, js, pwa
• Language: JavaScript
• Homepage: https://epiled.github.io/hello-world/
• Size: 394 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![google-api](https://github.com/Epiled/hello-world/assets/55258483/6a1714ce-b690-49e0-ba4e-b03784ef54fb)

⚠ Projeto desativado ⚠


🗺 🗣 Hello Word 🗣 🗺




  Projeto de teste, com o intuido de aprender sobre o consumo de APIs do Google





  A API escolhida foi a Cloud Translation API



![Badge](https://img.shields.io/github/last-commit/Epiled/hello-world?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/code-size/Epiled/hello-world?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/count/Epiled/hello-world?style=for-the-badge)

![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)

![Bagde](https://img.shields.io/github/v/release/epiled/hello-world?style=for-the-badge)

![Bagde](https://img.shields.io/github/license/Epiled/hello-world?style=for-the-badge)

![Badge](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Badge](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![Badge](https://img.shields.io/badge/-JS-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![Badge](https://img.shields.io/badge/-PWA-5A0FC8?style=for-the-badge&logo=pwa&logoColor=white)

 📑 Tabela de Conteúdos 


   * [Sobre](#sobre)

   * [Demonstração](#demonstracao)

   * [Performance](#performance)

   * [Instalação](#instalacao)

   * [Como usar](#como-usar)

      * [Arquivos Locais](#arquivos_locais)

      * [Pré-Requisitos](#pre-requisitos)

   * [Tecnologias](#tecnologias)

   * [Autor](#autor)

 👀 Demonstração 


No link abaixo você pode ver a página no ar e rodar seus próprios teste de perfomance ou desempenho, além de poder testar o funcionamento da aplicação

Hello World: epiled.github.io/hello-word/


![google-api-desktop](https://github.com/Epiled/hello-world/assets/55258483/d4324720-1102-4a94-b67b-da8eb2d87e64)

![google-api-mobile](https://github.com/Epiled/hello-world/assets/55258483/5b4c209b-b9a1-4cca-ae42-4e01668df392)

 📈 Performance Lighthouse 


![spotify_performance](https://user-images.githubusercontent.com/55258483/179237352-2a90c312-8c28-4ec5-a214-205956bf1e21.png)

 ⚙ Instalação 


```

1. git clone https://github.com/Epiled/hello-world.git

2. cd hello-world

3.npm i json-server

```

 👩‍🏫 Como usar 


Arquivos Locais


Descomente as linhas 3 e 11;

Comente as linhas 15 e 7;

```

1. cd API

2. json-server --watch dadosBandeiras.js

```

Nesse ponto o projeto já pode ser executado no navegador

Basta abrir a index.html através do Live server


Arquivos Onlines


Não há necessidade de descomentar linhas. Apenas abra a index.html através do Live server

Pré-requisito




  
JSON-server

  
Live Server



 🛠 Tecnologias 


As seguintes tecnologias foram usadas na construção deste projeto:



  
HTML5

  
CSS3

  
JavaScript

  
PWA

  
Google API



 👨‍💻 Autor 




![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)

 


 Felipe De Andrade

Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!