'%3e%3cg%20transform='matrix(1,0,0,2.33716,0,149.22)'%3e%3cg%20transform='matrix(0.0393825,-0.0168506,0.0394776,0.0168913,925.378,34.9954)'%3e%3cpath%20d='M-719.966,46.784C-690.751,17.616%20-650.388,-0.437%20-605.831,-0.437C-604.023,-0.437%20-602.221,-0.407%20-600.427,-0.348L-141.696,-0.348C-52.63,-0.348%2019.68,71.787%2019.68,160.638C19.68,249.49%20-52.63,321.625%20-141.696,321.625L-444.455,321.625L-444.455,623.598C-444.455,712.449%20-516.765,784.584%20-605.831,784.584L-908.488,784.584L-908.488,1086.52C-908.488,1175.37%20-980.798,1247.51%20-1069.86,1247.51C-1158.93,1247.51%20-1231.24,1175.37%20-1231.24,1086.52L-1231.24,630.198C-1231.33,628.009%20-1231.37,625.808%20-1231.37,623.598C-1231.37,552.499%20-1185.07,492.104%20-1120.93,470.808C-1104.88,465.462%20-1087.71,462.566%20-1069.86,462.566C-1068.59,462.566%20-1067.31,462.581%20-1066.04,462.611L-767.207,462.611L-767.207,166.029C-767.266,164.239%20-767.296,162.442%20-767.296,160.638C-767.296,116.192%20-749.201,75.928%20-719.966,46.784ZM556.685,784.584L-141.843,784.584C-230.908,784.584%20-303.218,712.449%20-303.218,623.598C-303.218,534.747%20-230.908,462.611%20-141.843,462.611L712.657,462.611C714.451,462.552%20716.253,462.522%20718.061,462.522C762.616,462.522%20802.979,480.574%20832.193,509.741C861.43,538.885%20879.526,579.15%20879.526,623.598C879.526,625.402%20879.496,627.199%20879.437,628.988L879.437,1481.43C879.437,1570.28%20807.127,1642.42%20718.061,1642.42C628.995,1642.42%20556.685,1570.28%20556.685,1481.43L556.685,784.584ZM-767.207,1940.53L-767.207,1086.47C-767.207,997.617%20-694.897,925.481%20-605.831,925.481C-516.765,925.481%20-444.455,997.617%20-444.455,1086.47L-444.455,1783.36L254.117,1783.36C343.183,1783.36%20415.493,1855.49%20415.493,1944.34C415.493,2033.19%20343.183,2105.33%20254.117,2105.33L-602.008,2105.33C-603.279,2105.36%20-604.553,2105.38%20-605.831,2105.38C-650.375,2105.38%20-690.728,2087.33%20-719.941,2058.18C-749.164,2029.04%20-767.251,1988.78%20-767.251,1944.34C-767.251,1943.07%20-767.236,1941.8%20-767.207,1940.53ZM-109.772,1481.47L-109.772,1087.2C-109.772,998.352%20-37.462,926.216%2051.604,926.216C140.67,926.216%20212.98,998.352%20212.98,1087.2L212.98,1481.47C212.98,1570.33%20140.67,1642.46%2051.604,1642.46C-37.462,1642.46%20-109.772,1570.33%20-109.772,1481.47Z'%20style='fill:url(%23_Linear1);'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='_Linear1'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(2095.41,-2.27374e-13,2.27374e-13,2090.36,-1222.81,780.766)'%3e%3cstop%20offset='0'%20style='stop-color:rgb(248,71,202);stop-opacity:1'/%3e%3cstop%20offset='1'%20style='stop-color:rgb(74,165,253);stop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Bom dia! Meu nome é
Sobre
Desenvolvedor Front-End com mais de 5 anos de experiência, combinando uma base sólida em Design com profundo conhecimento técnico em desenvolvimento de interfaces responsivas e escaláveis.
Especialista em Vue.js e seu ecossistema (Nuxt.js, Pinia, Vuex e Vue Router), aplicando boas práticas de componentização, performance e arquitetura em projetos SPA (Single Page Applications) e SSR (Server-Side Rendering), atuando em equipes ágeis (Agile/Scrum), utilizando Git para versionamento, integração contínua, testes unitários e integrando APIs REST de forma eficiente e segura.
Unindo técnica e criatividade, e com paixão por CSS e Design (UX/UI), transformo layouts em código limpo, semântico e de alta performance, que não apenas funcionam, mas entregam interfaces consistentes, atraentes e centradas no usuário.
Tecnologias
Frontend
HTML
CSS
JavaScript
TypeScript
Vue
Pinia
Vuex
daisyUI
Tailwind
Sass
jQuery
Banco de Dados & Backend
PostgreSQL
Firebase
Ferramentas
Git
Vitest
Gulp
Wordpress
Woocommerce
Criação
Lottie
Figma
Affinity Designer
Adobe XD
Photoshop
Illustrator
Premiere
After Effects
Estudando...
Nuxt
React
Node
Projetos
vue-emerge
Pacote NPM projetado para enriquecer a experiência do usuário ao revelar conteúdo de forma suave e elegante. Dá vida a interfaces estáticas, guiando o foco do usuário de maneira natural. Utiliza a API Intersection Observer para uma animação performática e eficiente.
Portfólio Marcio Scavassa
Uma aplicação web desenvolvida com Nuxt3 e Vue3 para o meu portfólio. A utilização de TypeScript e a renderização SSG garantem um código robusto e um carregamento otimizado. A animação de topo foi feita utilizando After Effects e implementada com Lottie.
KanjiAnki
Uma aplicação web de flashcards focado na escrita de kanji, transformando o estudo de japonês em uma experiência ativa, aplicando o princípio de 'Eu faço e eu entendo' para um aprendizado mais eficaz e duradouro. Utiliza Firebase para autenticação e banco de dados.
