Web Developer

Seja bem vind@ ao meu portfólio de desenvolvedor

Aqui compartilho meu trabalho e minha paixão pelo mundo do desenvolvimento web. Dê uma olhada nos meus projetos.

Minha jornada

Meu papel como desenvolvedor

Atuando como freelancer, auxilio pequenas empresas a se inserirem no mundo digital por meio da criação de landing pages com tecnologia de ponta.

Busco equilibrar sofisticação e simplicidade, atendendo às necessidades de diversos públicos. Consigo superar as expectativas dos meus clientes, conferindo credibilidade e profissionalismo à sua marca.

+30

Projetos
React

Ver Projetos

Garantia do meu serviço

Construo minhas aplicações 100% responsivas (mobile-first) e utilizando boas práticas de código, me baseando no Google PageSpeedTest para garantir que as páginas sejam bem rankeadas.

Além disso estou sempre atualizando as tecnologias que uso e implementando novas tecnologias nos meu projetos para estar preparado para qualquer desafio.

Entrar em contato

Skills

Minhas especialidades

Acessibilidade

Com interfaces de usuário intuitivas, amigáveis e acessíveis a todos os usuários, independentemente de sua experiência tecnológica.

Inovação

Estou sempre explorando novas ideias e soluções criativas para tornar meus projetos mais eficientes e envolventes.

Resolução de Problemas

Sou capaz de analisar desafios complexos, identificar as causas raiz e encontrar soluções eficazes.

Aprendizado

É uma prioridade manter minhas habilidades atualizadas, acompanhando as mudanças na linguagem e nas bibliotecas React.

Colaboração

Valorizo a colaboração eficaz uma vez que eu consigo entender e criar requisições para atingir o objetivo definido.

Portfolio

Meus últimos projetos

Landing Page

Orlandi Advogados

Projeto construído para um escritório de advocacia no qual cada advogado gerencia seus próprios leads, então de acordo com a área de atuação desejada, o usuário é colocado em contato com um advogado específico

Tecnologias destaque

Visitar site

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.,

Landing Page

AAB Arquitetura

Em conjunto com Julio Cerqueira, construímos o projeto para uma empresa de arquitetura, especializada em design de interiores. O objetivo do site é apresentar um portfólio e gerar leads a partir do mesmo

Tecnologias destaque

Visitar site

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.

BlogAPI

GitHub Blog

Projeto de um Blog utilziando a API do Github. Parte da criação de posts em forma de "issues" no github e utilizando a API, trago o conteúdo em formato de String | Markdown e transformo em um HTML legível

Tecnologias destaque

Visitar site

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 .

E-commerce

Coffee Delivery

Projeto de um e-commerce de cafés com pagamento na entrega. Conta com a criação de um carrinho de compras que carrega os dados da compra por toda a aplicação de forma otimizada até o check-out

Tecnologias destaque

Visitar site

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.

Contact

Tem alguma dúvida?

Entre em contato

Se você está em busca de um desenvolvedor front-end React dedicado e apaixonado para integrar sua equipe ou para trabalhos como freelancer, estou à disposição!