Foto de perfil de Leonardo Mancilha
Leonardo Mancilha
hamburger menu hamburger menu close

Desenvolvedor Front-end

Projetos

Sobre mim

Desenvolvedor Front-end apaixonado por construir experiências digitais eficientes e acessíveis. Atualmente, estou focado em aprimorar minhas habilidades em TypeScript, Redux, Next.js e Automação Front-end com NPM. com o objetivo de criar aplicações escaláveis e de alta performance. Meu aprendizado é impulsionado por desafios práticos no LeetCode e Codewars, onde resolvo problemas complexos e implemento testes com Jest para garantir a qualidade e robustez do código.

Construo projetos com foco em performance, acessibilidade e boas práticas de SEO, buscando sempre alcançar pontuações altas no Lighthouse. Minhas abordagens incluem otimização de código, experiência de usuário intuitiva e soluções que garantem a fluidez da navegação.

Além de aprimorar minhas habilidades técnicas, valorizo a colaboração com outros desenvolvedores e a busca constante por novas tecnologias para garantir que meus projetos estejam sempre em constante evolução.

Hard Skills

HTML
CSS
JavaScript
React
Jest
Git

Projetos

Imagem do Dashboard interativo desenvolvido com HTML, CSS e JavaScript, exibindo gráficos com Chart.j

Dashboard Interativo

Este é um Dashboard interativo desenvolvido com HTML, CSS e JavaScript, focado em exibir dados de forma visual e dinâmica. O projeto inclui gráficos dinâmicos com Chart.js, design responsivo, alternância entre temas claro/escuro e otimizações de desempenho. Além disso, alcançou pontuação 98 em performance e 100 em SEO, best practices e acessibilidade segundo o Lighthouse.

Imagem do GitHub Search User App, mostrando a busca de perfis, repositórios e alternância entre temas claro/escuro

GitHub Search User App

GitHub Search User App é uma aplicação interativa desenvolvida com React para buscar e visualizar perfis do GitHub. Conta com pesquisa avançada, exibição detalhada de repositórios e seguidores, alternância entre temas claro/escuro, atalhos de teclado e feedback dinâmico ao usuário. O projeto foi otimizado seguindo boas práticas e alcançou pontuação 100 em SEO, performance, best practices e acessibilidade de acordo com o Lighthouse.

Imagem do Weather App
              desenvolvido com React e Vite, mostrando a previsão do tempo para
              uma cidade

Weather App

Weather App é um aplicativo moderno e interativo para consulta da previsão do tempo, desenvolvido com React e Vite. Permite busca por cidade, localização automática via Geolocation API, alternância entre °C e °F, histórico de pesquisas e previsão detalhada para três dias. Com otimizações de SEO e performance, o projeto atinge pontuação 100 no Lighthouse, garantindo acessibilidade, carregamento rápido e uma experiência fluida para o usuário.

Visualização do projeto de Formulário de Cartão do Frontend Mentor

Interactive Card Details Form

Formulário interativo de detalhes do cartão, onde os usuários podem preencher os campos e visualizar as informações atualizadas em tempo real. O projeto inclui validação de entrada, mensagens de erro personalizadas e um design responsivo que se adapta a diferentes tamanhos de tela. Desenvolvido com HTML, CSS e JavaScript.

Prévia da Landing Page desenvolvida no desafio Frontend Mentor

Landing Page

Página de destino desenvolvida como parte de um desafio do Frontend Mentor, focada em conversão de visitantes em leads. O projeto inclui um design atraente, CTA estrategicamente posicionados e um formulário interativo, seguindo boas práticas de marketing digital. Desenvolvido com HTML e CSS, garantindo um layout responsivo e bem estruturado.