Endereço Fácil é uma aplicação React que permite consultar e gerenciar endereços a partir de um CEP informado. Os dados são armazenados no localStorage para persistência e fácil acesso.
-
Consultar Endereços pelo CEP
Insira um CEP válido e obtenha informações detalhadas como logradouro, bairro, cidade e estado. -
Validação Automática de CEP
O formato do CEP é validado automaticamente para evitar entradas incorretas. -
Listagem de Endereços
Visualize e organize todos os endereços salvos em uma tabela estilizada. -
Exclusão de Endereços
Remova endereços individuais com um clique no ícone de exclusão. -
Armazenamento Persistente
Os endereços são salvos nolocalStoragepara que estejam disponíveis mesmo após recarregar a página. -
Visualização de Tempo
Visualize há quanto tempo o endereço foi adicionado utilizando a bibliotecadate-fns.
React
TypeScript
CSS
- date-fns: Biblioteca para manipulação e formatação de datas.
- Clone este repositório:
git clone https://github.com/seu-usuario/seu-repositorio.git cd seu-repositorio
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.