Desafio

Criar um sistema que permitisse atribuir leads entre os advogados com base nas áreas de atuação, garantindo que os usuários compreendessem quais áreas estavam disponíveis e quais advogados eram responsáveis por cada uma delas.

Soluções

Criei uma seção dedicada a explicar as diferentes áreas de atuação, detalhando o escopo de cada especialização. Em seguida, implementei outra seção que listava os advogados e suas respectivas áreas de atuação incorporando popovers interativos em cada uma, fornecendo informações detalhadas sobre essa área, baseadas na seção de áreas de atuação.
No formulário de contato, foi implementada uma funcionalidade que permite aos usuários selecionar sua área de interesse. Quando uma área é escolhida, o sistema filtra automaticamente a lista de advogados disponíveis e encaminha o lead diretamente para o e-mail do advogado responsável por essa área. Isso resultou em uma distribuição eficiente de leads, assegurando que cada lead fosse direcionado para o advogado mais apropriado.,

Desafio

O desafio desse projeto era apresentar o portfólio a partir de imagens de alta resolução para destacar a qualidade do serviço da empresa. Sendo assim necessário manter uma boa qualidade e performance durante toda a navegação da landing page.

Soluções

Para atingir esse objetivo utilizamos o framework Next.JS que possui a ferramenta de otimização de imagens imbutida e para conseguir utilizar todos os recursos do framework, hospedamos a aplicação na plataforma Vercel.
Para obter relatórios sobre a experiência do usuário nas página em dispositivos móveis e computadores, utilizei o Google LightHouse que me permitiu analisar a perfomance em ambos os cenários e garantir uma melhor experiência ao usuário.

Desafio

Criar um blog que disponibilize os dados de issues de um repositório do meu perfil do Github e fazer o gerenciamento desses dados para que o usuário do blog possa pesquisar entre eles a partir de palavras chaves e acessar aquela issue no próprio github por meio de redirecionamentos.

Soluções

Utilizando a API do github para acessar os dados das issues consegui disponibilizar o conteúdo das mesmas e também disponibilizar uma aba de pesquisa que utiliza da própria API para filtrar os dados e utilizando os próprios identificadores do github criei a navegação pelo framework NextJS.
Além disso, utilizando outra API obtive acesso aos dados do perfil do usuário e todas as urls do perfil, assim consegui fazer o redirecionamento e a disponiblização de dados como nome, número de seguidores e cargo a partir dessa chamada de API .

Desafio

Armazenar os dados do carrinho de compra durante toda a aplicação com a possibilidade de alteração em tempo real sem atualizar a página. Caso o navegador for fechado, os dados deveriam ser armazenados e recuperados na próxima abertura.
O formulário de checkout deverá ser dividido entre diferentes componentes e sua validação deveria ser feita do lado do cliente.

Soluções

Para armazenar os dados durante toda a aplicação utilizei o hook useContext do react no qual eu mantive um acesso ás variáveis do carrinho e dos dados do cliente em um escopo global, até chegar no checkout, armazenar todos os dados em uma variável local e limpar todo o contexto da aplicação.
Para a validação utilizei a biblioteca zod , que me permitiu criar um schema que está presente em toda a aplicação verificando se os dados do formulário estão dentro do requisitado.