Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lucaspanizio/zip-code-finder


https://github.com/lucaspanizio/zip-code-finder

Last synced: 5 days ago
JSON representation

Awesome Lists containing this project

README

        

# Buscador de Cep

## 📖 Sobre
O projeto **Buscador de Cep** foi desenvolvido com base no **[video aula](https://www.youtube.com/watch?v=oy4cbqE1_qc&t=539s)** do Sujeito programador, porém adicionei algumas complexidades e personalizações como:

- Typescript
- Estilização com Styled-components
- Requisições com Axios
- Alerts personalizados utilizando a biblioteca react-toastify
- Formatação do CEP com regex
- Cópia do resultado para a área de transferência
- Deploy na Vercel

A aplicação faz uso da api pública e gratuita do site **[ViaCEP](https://viacep.com.br/)**.

---

## 🚀 Tecnologias e ferramentas utilizadas



VsCode


Node.JS


Vite


React


Typescript


Styled-components


Vercel

---

## 🖥️ Demonstração
[![Buscador de Cep](https://i.ibb.co/0h4Ntch/buscador-de-cep.gif "Clique para acessar o projeto")](https://panizio-zip-code-finder.vercel.app/ "Clique para acessar o projeto")

Você pode acessar o projeto clicando [aqui](https://panizio-zip-code-finder.vercel.app/).

---

## 🔧 Como executar o projeto

Não há necessidade de executar o projeto, pois você pode visualizá-lo clicando no link acima, mas se ainda desejar fazê-lo, siga as instruções abaixo:
```bash
# Clone o repositório
git clone https://github.com/lucaspanizio/zip-code-finder

# Entre no diretório
cd zip-code-finder

# Instale as dependências
npm install

# Execute o projeto
npm run dev
```
Depois disso, abra o navegador de sua preferência e acesse http://localhost:5173.

---

## 📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/lucaspanizio/zip-code-finder/blob/master/LICENSE).

---
**Desenvolvido por [Lucas Panizio](https://github.com/lucaspanizio/).**