RevoluTI - Frontend

Descrição do Projeto 📝

Este repositório contém o código frontend para o projeto de CEP Finder, desenvolvido para um desafio técnico da empresa RevoluTI. A aplicação permite buscar e armazenar endereços com base no CEP e gerenciar o histórico de pesquisas do usuário.

Tecnologias Utilizadas 💻

• Next.js: Framework React para desenvolvimento de aplicações web com renderização no lado do servidor.
• React: Biblioteca JavaScript para construção da interface do usuário.
• Tailwind CSS: Framework CSS para estilização rápida e responsiva.
• ShadcnUI: Biblioteca de componentes UI baseada em React.
• TypeScript: Linguagem de programação para garantir tipagem estática e segurança no desenvolvimento.

Funcionalidades

• Pesquisa e visualização de endereços com base no CEP.
• Exibição do histórico de pesquisas realizadas.
  • Você poderá ver detalhes de sua pesquisa e ter um link direto para o Google Maps com a localização em questão.
• Interface intuitiva com componentes modernos e responsivos.
• Modo claro e escuro para uma experiência de usuário personalizada.
• Sessão de usuário usando local storage, construída automaticamente ao carregar a página no navegador. Se uma sessão ativa já existir, os dados são recuperados; caso contrário, uma nova sessão é criada para o navegador.
• Uso do TanStack Query para otimizar as requisições e utilizar cache, melhorando o desempenho e a experiência do usuário.
• Utilização do Docker para otimizar o build e facilitar o gerenciamento do ambiente de desenvolvimento.

💻 Imagens da plataforma

🚀 Começo

Para iniciar o projeto localmente:

Pré-requisitos

• Git
• Node.js
• Um navegador web moderno.

Instalando e Executando

# Clone o repositório
$ git clone https://github.com/GabrielFeijo/Frontend-RevoluTI

# Acesse a pasta do projeto
$ cd Frontend-RevoluTI

# Instale as dependências
$ npm install

# Configure as variáveis de ambiente no arquivo .env
NEXT_PUBLIC_API_URL="http://localhost:3333/api/v1"

# Inicie a aplicação
$ npm run dev

🧪 Executando Testes

# Execute os testes unitários
$ npm run test

🛠️ Feito utilizando

FrontEnd

Deploy