https://github.com/cleilsonandrade/autocomplete_cep

Projeto de uma pagina de checkout na etapa de inserção de CEP utilizando a API da ViaCEP e estilização sendo realizada utilizando o framework Bootstrap.
https://github.com/cleilsonandrade/autocomplete_cep

bootstrap bootstrap-icons checkout design frontend viacep

Last synced: 9 days ago
JSON representation

Projeto de uma pagina de checkout na etapa de inserção de CEP utilizando a API da ViaCEP e estilização sendo realizada utilizando o framework Bootstrap.

• Host: GitHub
• URL: https://github.com/cleilsonandrade/autocomplete_cep
• Owner: CleilsonAndrade
• License: mit
• Created: 2022-09-08T08:17:31.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-21T20:08:51.000Z (8 months ago)
• Last Synced: 2024-03-22T17:29:49.422Z (8 months ago)
• Topics: bootstrap, bootstrap-icons, checkout, design, frontend, viacep
• Language: HTML
• Homepage: https://cleilsonandrade.github.io/autocomplete_cep/
• Size: 181 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Autocomplete CEP

  
Projeto de uma pagina de checkout na etapa de inserção de CEP utilizando a API da ViaCEP e estilização sendo realizada utilizando o framework Bootstrap.

  



# 📒 Índice

* [Descrição](#descrição)

* [Requisitos Funcionais](#requisitos)

* [Tecnologias](#tecnologias)

* [Design](#design)

  * [Cores](#cores)

  * [Fontes](#fontes)

  * [Ícones](#ícones)

* [Instalação](#instalação)

* [Licença](#licença)

# 📃 Descrição

Projeto de uma pagina de checkout na etapa de inserção de CEP (Códigos de Endereçamento Postal), utilizando a API da [**ViaCEP**](https://viacep.com.br/) e para realizar as requisições é utilizado a fetch API do JavaScript e validando dados, com a estilização sendo realizada utilizando o framework [**Bootstrap**](https://getbootstrap.com/).

# 📌 Requisitos Funcionais

- [x] Requisição a API


- [x] Consulta de informações de endereço


- [x] Validação de dados


# 💻 Tecnologias

- **HTML**

- **CSS**

- **JavaScript**

- **Bootstrap**

# 🎨 Design

- O modelo final para versão desktop e mobile está disponível na pasta `./design`

- Cores


  * #04044c


  * #494a7d


  * #fff


  * #25cc88


  * #8789af


  * #20235b


- Fontes


  * Arial, sans-serif

- Ícones


  * Bootstrap Icons

# 🚀 Instalação

```bash

  # Clone este repositório:

  $ git clone https://github.com/CleilsonAndrade/autocomplete_cep.git

  $ cd ./autocomplete_cep

```

# 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com 💜 by CleilsonAndrade