OLÁ, EU SOU
GUSTAVO VILLAR
DESENVOLVEDOR FRONT-END
![Minha foto](https://images.prismic.io/gugavillar/65759433531ac2845a25d853_Profile.jpeg?auto=format%2Ccompress&fit=max&w=640)
SOBRE MIM
Pernambuco, Brasil
Desenvolvedor Front End, com foco em React, tendo expertise em construir interfaces de usuário dinâmicas e responsivas utilizando a biblioteca React.js. Utilizo minhas habilidades em TypeScript, Next.js, CSS e JavaScript e outros conceitos relacionados para desenvolver componentes reutilizáveis e eficientes, criando uma experiência de usuário fluida e interativa.
EXPERIÊNCIA
- Nav9
- Pref. Gravatá
Frontend Developer React
dez 2021 - nov 2023
Nav9
dez 2021 - nov 2023
- Criar e implementar componentes Front End, utilizando bibliotecas e frameworks de ponta como React, Nextjs, ChakraUI, Styled-Components, Tailwind, TypeScript e JavaScript;
- Participar de forma ativa em daily (reuniões diárias), fornecendo atualizações precisas e abordando desafios sobre as features da sprint;
- Criar e manter interfaces e experiências inovadoras (UX/UI), garantindo sua reusabilidade, desempenho e escalabilidade;
- Colaborar em reuniões de refinamento com clientes, desempenhando um papel fundamental na compreensão dos requisitos das funcionalidades em detalhes;
- Garantir a entrega de soluções alinhadas com as expectativas do cliente;
- Contribuir nas reuniões de refinamento técnico para a definição precisa das tarefas e das funcionalidades que seriam entregues dentro da sprint;
- Escrever código limpo e organizado, assegurando os padrões do projeto fossem mantidos ao longo do processo de desenvolvimento;
- Orientar e supervisionar estagiários, fornecendo mentoria e apoio técnico;
- Implementar práticas avançadas de programação e design, resultando em Clean Code (código limpo), modular e altamente sustentável.
PROJETOS
![Smart Cash home screen](https://images.prismic.io/gugavillar/656855c6531ac2845a258009_Screenshot2023-11-30at06.28.20.png?auto=format%2Ccompress&fit=max&w=3840)
Smart Cash
Smart Cash é uma aplicação web que permite o cadastro de entradas e saídas de transações financeiras. Esta aplicação foi construída usando o framework Vite.js e utiliza o Firebase Realtime Database para armazenar e recuperar dados.
React
Firebase Realtime Database
ChakraUI
React Hook Form
date-fns
Swiper
Yup
![Comdica election home screen](https://images.prismic.io/gugavillar/65687354531ac2845a2589a5_Screenshot2023-11-30at08.34.25.png?auto=format%2Ccompress&fit=max&w=3840)
Comdica Election
Comdica Election é uma aplicação web que permite o acompanhamento da contagem dos votos da eleição de maneira simples e eficiente. Esta aplicação foi construída usando o framework Vite.js e utiliza o FaunaDB para armazenar e recuperar dados.
React
Auth0
ChakraUI
FaunaDB
React-Query
Yup
React Hook Form
![Website Anglicana Vida home screen](https://images.prismic.io/gugavillar/657474de531ac2845a25d6a4_Screenshot2023-12-09at11.08.07.png?auto=format%2Ccompress&fit=max&w=3840)
Anglicana Vida
Anglicana Vida é um website para a divulgação das ações e dos eventos da igreja anglicana vida gravatá, em breve também será uma plataforma para administração da igreja. Esta aplicação foi construída usando o framework Next.js.
React
Next
Prismic
Axios
Swiper
React-Player
React-Query
React Hook Form
React Number Format
Yup
date-fns
ChakraUI
![Portfolio home screen](https://images.prismic.io/gugavillar/6577033e531ac2845a25e81c_Screenshot2023-12-11at09.40.08.png?auto=format%2Ccompress&fit=max&w=3840)
Portfólio
Portfólio é um website para a divulgação do meu trabalho como desenvolvedor front-end, em breve estarei adicionando uma seção de blog. Esta aplicação foi construída usando o framework Next.js.
React
Next
Prismic
TailwindCSS
Tailwind-Merge
date-fns
![Tela inicia da aplicação moray](https://images.prismic.io/gugavillar/65cd01a09be9a5b998b5d321_tela_inicial.png?auto=format%2Ccompress&fit=max&w=3840)
Desafio Moray
O projeto é uma interface que integra um mapa com os bairros de uma determinada região e um gráfico que exibe a evolução populacional desses bairros ao longo do tempo. A interface é interativa, permitindo que os usuários naveguem pelo mapa e visualizem informações detalhadas sobre cada bairro.
React
Leaftlet
React-leaflet
Recharts
TailwindCSS
Cypress
Vitest
React-testing-library