✉ 📧 📨 📭 📬 📪

PROJETO CONSULTA CEP

Layout:

🖱 URL 🖱:

• https://aplicacao-consulta-cep.vercel.app/

📝 Resumo do projeto:

• ✅ Backend 👉 desenvolvimento de API integrada com API VIACEP utilizando Java e Spring Boot;
• ✅ Front 👉 aplicação em REACT utilizando Bootstrap e integração com o back;
• ✅ Deploy back no Railway;
• ✅ Deploy front no Vercel;
• ✅ Inúmeros erros, inúmeras pesquisas, muita ajuda;
• ✅ Muitas horas de dedicação e superação 🙏

⚙ Dependências:

• Spring Web;
• Lombok
• OpenFeign

Anotações:

• @AllArgsConstructor: responsável por gerar um construtor com 1 parâmetro para cada atributo de sua classe;
• @Configuration: marca uma classe como uma fonte de definições de bean;
• @EnableFeignClients: habilita o Feign na aplicação;
• @FeignClient: injeta o client no contexto do Spring;
• @Getter: cria os métodos getters para todos os atributos da classe;
• @GetMapping: usada para mapear solicitações HTTP GET em métodos manipuladores específicos;
• @PathVariable: indica que o valor da variável virá de uma informação da rota;
• @RestController: marca a classe como um controlador onde cada método retorna um objeto de domínio em vez de uma visão;
• @RequestParam: usada para mapear os parâmetros HTTP a argumentos de métodos;
• @RequestMapping: usada para mapear solicitações da web para classes manipuladoras específicas e métodos manipuladores;
• @RequiredArgsConstructor: que cria um construtor com todos os atributos final da classe;
• @Service: faz anotações de classes na camada de serviço;

CEP válido:

CEP inválido (menos de 8 caracteres):

• Obs: No caso em que o usuário informar 8 caracteres e o CEP não existir, a aplicação não retornará um erro, somente uma tabela em branco;

🛠 Criando e Executando Front-end:

• npx create-react-app frontservico;
• npm start;
• npm install axios;

Utilizando bootstrap:

Add no index.html:

• <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
• <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>

👨‍🎓 Aluno

Lucas Araujo