'%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
Sou desenvolvedor Front-End desde 2018, com experiência no ecossistema Vue e paixão especial por CSS. Minha trajetória começou no design, onde atuei como Web Designer, criando peças para web em geral e também com ilustração e motion design. Mesmo nessa fase, já me aventurava no HTML e CSS desenvolvendo landing pages e hotsites, até perceber que minha verdadeira vocação estava no desenvolvimento.
Hoje, encontro no Front-End uma forma de unir técnica e criatividade, transformando código em interfaces funcionais e visualmente marcantes. Como autodidata, sigo aprendendo continuamente e buscando desafios que me permitam evoluir e contribuir em projetos que valorizam design, performance e boas práticas.
Tecnologias
Frontend
HTML
CSS
JavaScript
TypeScript
Vue
Pinia
Vuex
daisyUI
Tailwind
Sass
jQuery
Banco de Dados & Backend
PostgreSQL
Firebase
Ferramentas
VSCode
Git
Gulp
Postman
Wordpress
Woocommerce
Criação
Lottie
Figma
Affinity Designer
Adobe XD
Photoshop
Illustrator
Premiere
After Effects
Estudando...
Nuxt
Vitest
Node
Projetos
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.
