Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/epiled/alura-books-cep-api

📮 Projeto final do curso JavaScript: consumindo e tratando dados de uma API da escola Alura 📮
https://github.com/epiled/alura-books-cep-api

api javascript js json

Last synced: about 1 month ago
JSON representation

📮 Projeto final do curso JavaScript: consumindo e tratando dados de uma API da escola Alura 📮

Awesome Lists containing this project

README

        

![alura-books-cep-api](https://github.com/Epiled/JavaScript-consumindo-e-tratando-dados-de-uma-API/assets/55258483/88d07198-9a0d-4ab2-a82e-090718f7d1bd)

🔶 📙 Alura Books CEP - API 📙 🔶


Projeto final do curso JavaScript: consumindo e tratando dados de uma API, curso ministrado pela instrutora
Mônica Mazzochi Hillman.

![Badge](https://img.shields.io/github/last-commit/Epiled/alura-books-cep-api?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/code-size/Epiled/alura-books-cep-api?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/count/Epiled/alura-books-cep-api?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/alura-books-cep-api?style=for-the-badge)
![Bagde](https://img.shields.io/github/license/Epiled/alura-books-cep-api?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)

📑 Tabela de Conteúdos

* [Sobre](#sobre)
* [Topicos Desenvolvidos](#topicos-curso)
* [Demonstração](#demonstracao)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Arquivos Locais](#arquivos_locais)
* [Tecnologias](#tecnologias)
* [Autor](#autor)

👩‍🏫 Topicos desenvolvidos no curso

* Entenda como funciona o JavaScript assíncrono
* Consuma a API do ViaCEP com o fetch API
* Conheça as Promises e seus métodos
* Saiba como utilizar async await para criar funções assíncronas
* Trate possíveis erros de requisição retornados da API
* Aprenda a tornar uma página de formulário estática em dinâmica

👀 Demonstração

No link abaixo você pode ver a página no ar e rodar seus próprios testes


Alura Books CEP API: epiled.github.io/alura-books-cep-api/

![desktop-alura-books-cep-api](https://github.com/Epiled/JavaScript-consumindo-e-tratando-dados-de-uma-API/assets/55258483/1e624e8f-de35-4749-858f-fe209c5b2ba6)

⚙ Instalação

```
1. git clone https://github.com/Epiled/alura-boks-cep-api.git
2. cd alura-books-cep-api
```

👩‍🏫 Como usar

Arquivos Locais


Nesse ponto o projeto já pode ser executado no navegador através do arquivo "index.html" executando o live server nele

🛠 Tecnologias

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

👨‍💻 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!

[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)
[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)