About Me
I’ve been a Front-end Developer since 2021, with over 4 years of solid experience in React.js, Next.js, Vue, and Angular. I’ve worked on ERP and CMS projects, always focused on delivering the best user experience using agile methodologies and best practices.
Passionate about technology, I often collaborate with areas beyond front-end, such as back-end, UX/UI, and product. I’m actively involved in requirements gathering and understanding business rules.
I hold an MBA in Fullstack Development, focused on JavaScript, Front-end, Back-end, Mobile, and technical leadership. I work with technologies like TypeScript, React Hook Form, Zustand, React Query, and frameworks like MUI and Tailwind CSS to deliver scalable, modern, and high-performance interfaces.
My constant goal is professional growth, always aiming to turn technical challenges into intuitive, high-value solutions through teamwork.
'%20d='M106.317%20112.014%2049.167%2038.4H38.4v51.179h8.614v-40.24l52.54%2067.884a64.216%2064.216%200%200%200%206.763-5.209z'%3e%3c/path%3e%3cpath%20fill='url(%23b)'%20d='M81.778%2038.4h8.533v51.2h-8.533z'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='109'%20x2='144.5'%20y1='116.5'%20y2='160.5'%20gradientTransform='scale(.71111)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='121'%20x2='120.799'%20y1='54'%20y2='106.875'%20gradientTransform='scale(.71111)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Next.js
React
Redux
TypeScript
JavaScript
Sass
CSS3
HTML5
'%20d='M22.959,2.339L5.285,8.49c-1.333,0.464-2.163,1.795-1.992,3.197l2.828,23.187%20c0.117,0.963,0.693,1.809,1.545,2.273l14.85,8.072c0.897,0.487,1.98,0.485,2.875-0.005l14.952-8.195%20c0.847-0.464,1.419-1.309,1.536-2.268l2.826-23.174c0.172-1.41-0.668-2.747-2.013-3.204L24.91,2.332%20C24.277,2.117,23.59,2.119,22.959,2.339z'/%3e%3clinearGradient%20id='QzbsZZGqvt5vTzXzFrTWxb'%20x1='24'%20x2='24'%20y1='2.152'%20y2='39.957'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23f44f5a'/%3e%3cstop%20offset='.443'%20stop-color='%23ee3d4a'/%3e%3cstop%20offset='1'%20stop-color='%23e52030'/%3e%3c/linearGradient%3e%3cpath%20fill='url(%23QzbsZZGqvt5vTzXzFrTWxb)'%20d='M42.62,12.14L39.96,34%20c-0.08,0.64-0.46,1.2-1.03,1.51L24.94,43c-0.3,0.16-0.62,0.23-0.94,0.23c-0.05,0-0.09-0.01-0.14-0.01c-0.27-0.01-0.54-0.08-0.8-0.22%20L9.07,35.64c-0.56-0.31-0.95-0.88-1.03-1.52L5.38,12.24c-0.12-0.93,0.44-1.82,1.32-2.13l16.62-5.87c0.18-0.06,0.36-0.1,0.54-0.1%20c0.05-0.01,0.09-0.01,0.14-0.01c0.22,0,0.44,0.04,0.66,0.11c1.58,0.57,6.2,2.23,16.62,5.76C42.17,10.31,42.74,11.2,42.62,12.14z'/%3e%3cpath%20fill='%23fff'%20d='M11.013,34h4.409L24,15.504V5.996L11.013,34z'/%3e%3cpath%20fill='%23fff'%20d='M18,24h6v4h-6V24z'/%3e%3cpath%20fill='%23b31523'%20d='M42.62,12.14L39.96,34c-0.08,0.64-0.46,1.2-1.03,1.51L24.94,43c-0.3,0.16-0.62,0.23-0.94,0.23V4.13%20c0.22,0,0.44,0.04,0.66,0.11c1.58,0.57,6.2,2.23,16.62,5.76C42.17,10.31,42.74,11.2,42.62,12.14z'/%3e%3cpath%20fill='%23bfc8d1'%20d='M24,6v9.508l8.578,18.496h4.409L24,6z'/%3e%3cpath%20fill='%23bfc8d1'%20d='M24,24.004h6v4h-6V24.004z'/%3e%3cpath%20d='M24,5.996V6l12.987,28.004h-4.409l-2.783-6H24V28h-5.795l-2.783,6h-4.409L24,5.996%20M20.06,24H24v0.004h3.94L24,15.508%20v-0.004L20.06,24%20M25,1.467l-1.907,4.108L10.106,33.579L9.447,35h1.566h4.409h0.639l0.269-0.579L18.843,29H23l1,0.004h5.157%20l2.514,5.421l0.269,0.579h0.639h4.409h1.566l-0.659-1.421L25,5.779V1.467L25,1.467z%20M21.626,23l2.373-5.117l2.375,5.121H25L24,23%20H21.626L21.626,23z'%20opacity='.05'/%3e%3cpath%20d='M24,5.996V6l12.987,28.004h-4.409l-2.783-6H24V28h-5.795l-2.783,6h-4.409L24,5.996%20M20.06,24H24v0.004h3.94L24,15.508%20v-0.004L20.06,24%20M24.5,3.733l-0.954,2.052L10.559,33.79L10.23,34.5h0.783h4.409h0.319l0.134-0.29l2.648-5.71H23.5l0.5,0.004%20h5.476l2.648,5.71l0.134,0.29h0.319h4.409h0.783l-0.329-0.71L24.5,5.89V3.733L24.5,3.733z%20M20.843,23.5l3.156-6.806l3.158,6.81%20H24.5L24,23.5H20.843L20.843,23.5z'%20opacity='.07'/%3e%3c/svg%3e)
Angular
Vue
%20scale(.24566)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%239013fe'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%236610f2'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='193.51'%20x2='293.51'%20y1='109.74'%20y2='278.87'%20gradientTransform='translate(0%2052)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23fff'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23f1e5fc'%3e%3c/stop%3e%3c/linearGradient%3e%3cfilter%20id='c'%20width='197'%20height='249'%20x='161.9'%20y='135.46'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%3e%3c/feFlood%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%3e%3c/feColorMatrix%3e%3cfeOffset%20dy='4'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='8'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200'%3e%3c/feColorMatrix%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow'%3e%3c/feBlend%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3cpath%20fill='url(%23a)'%20d='M14.985%2027.712c-.237-6.815%205.072-13.099%2012.249-13.099h73.54c7.177%200%2012.486%206.284%2012.249%2013.099-.228%206.546.068%2015.026%202.202%2021.94%202.141%206.936%205.751%2011.319%2011.664%2011.883v6.387c-5.913.564-9.523%204.947-11.664%2011.883-2.134%206.914-2.43%2015.394-2.202%2021.94.237%206.815-5.072%2013.098-12.249%2013.098h-73.54c-7.177%200-12.486-6.284-12.249-13.098.228-6.546-.068-15.026-2.203-21.94-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563%209.533-4.947%2011.673-11.883%202.135-6.914%202.43-15.394%202.203-21.94z'%3e%3c/path%3e%3cpath%20fill='url(%23b)'%20d='M267.1%20364.46c47.297%200%2075.798-23.158%2075.798-61.355%200-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609%2039.594-24.211%2039.594-47.219%200-32.783-25.882-54.138-65.322-54.138h-88.74v217zm-54.692-189.48h45.911c24.958%200%2039.131%2011.128%2039.131%2031.279%200%2021.505-16.484%2033.535-46.372%2033.535h-38.67zm0%20161.96v-71.431h45.602c32.661%200%2049.608%2012.03%2049.608%2035.49%200%2023.459-16.484%2035.941-47.605%2035.941z'%20filter='url(%23c)'%20transform='translate(1.494%202.203)%20scale(.24566)'%3e%3c/path%3e%3c/svg%3e)
Bootstrap
MUI
Tailwind CSS
Shadcn UI
%20scale(.3122)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2341d1ff'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23bd34fe'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='194.651'%20x2='236.076'%20y1='8.818'%20y2='292.989'%20gradientTransform='translate(0%20.937)%20scale(.3122)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23ffea83'%3e%3c/stop%3e%3cstop%20offset='.083'%20stop-color='%23ffdd35'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23ffa800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23a)'%20d='M124.766%2019.52%2067.324%20122.238c-1.187%202.121-4.234%202.133-5.437.024L3.305%2019.532c-1.313-2.302.652-5.087%203.261-4.622L64.07%2025.187a3.09%203.09%200%200%200%201.11%200l56.3-10.261c2.598-.473%204.575%202.289%203.286%204.594Zm0%200'%3e%3c/path%3e%3cpath%20fill='url(%23b)'%20d='M91.46%201.43%2048.954%209.758a1.56%201.56%200%200%200-1.258%201.437l-2.617%2044.168a1.563%201.563%200%200%200%201.91%201.614l11.836-2.735a1.562%201.562%200%200%201%201.88%201.836l-3.517%2017.219a1.562%201.562%200%200%200%201.985%201.805l7.308-2.223c1.133-.344%202.223.652%201.985%201.812l-5.59%2027.047c-.348%201.692%201.902%202.614%202.84%201.164l.625-.968%2034.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185%202.352a1.558%201.558%200%200%201-1.793-1.965l7.95-27.562A1.56%201.56%200%200%200%2091.46%201.43Zm0%200'%3e%3c/path%3e%3c/svg%3e)
Vite
Node.js
.Net
Postman
'%3e%3cstop%20offset='0'%20stop-color='%235A9FD4'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23306998'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='python-original-b'%20gradientUnits='userSpaceOnUse'%20x1='209.474'%20y1='1098.811'%20x2='173.62'%20y2='1149.537'%20gradientTransform='matrix(.563%200%200%20-.568%20-29.215%20707.817)'%3e%3cstop%20offset='0'%20stop-color='%23FFD43B'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23FFE873'%3e%3c/stop%3e%3c/linearGradient%3e%3cpath%20fill='url(%23python-original-a)'%20d='M63.391%201.988c-4.222.02-8.252.379-11.8%201.007-10.45%201.846-12.346%205.71-12.346%2012.837v9.411h24.693v3.137H29.977c-7.176%200-13.46%204.313-15.426%2012.521-2.268%209.405-2.368%2015.275%200%2025.096%201.755%207.311%205.947%2012.519%2013.124%2012.519h8.491V67.234c0-8.151%207.051-15.34%2015.426-15.34h24.665c6.866%200%2012.346-5.654%2012.346-12.548V15.833c0-6.693-5.646-11.72-12.346-12.837-4.244-.706-8.645-1.027-12.866-1.008zM50.037%209.557c2.55%200%204.634%202.117%204.634%204.721%200%202.593-2.083%204.69-4.634%204.69-2.56%200-4.633-2.097-4.633-4.69-.001-2.604%202.073-4.721%204.633-4.721z'%20transform='translate(0%2010.26)'%3e%3c/path%3e%3cpath%20fill='url(%23python-original-b)'%20d='M91.682%2028.38v10.966c0%208.5-7.208%2015.655-15.426%2015.655H51.591c-6.756%200-12.346%205.783-12.346%2012.549v23.515c0%206.691%205.818%2010.628%2012.346%2012.547%207.816%202.297%2015.312%202.713%2024.665%200%206.216-1.801%2012.346-5.423%2012.346-12.547v-9.412H63.938v-3.138h37.012c7.176%200%209.852-5.005%2012.348-12.519%202.578-7.735%202.467-15.174%200-25.096-1.774-7.145-5.161-12.521-12.348-12.521h-9.268zM77.809%2087.927c2.561%200%204.634%202.097%204.634%204.692%200%202.602-2.074%204.719-4.634%204.719-2.55%200-4.633-2.117-4.633-4.719%200-2.595%202.083-4.692%204.633-4.692z'%20transform='translate(0%2010.26)'%3e%3c/path%3e%3cradialGradient%20id='python-original-c'%20cx='1825.678'%20cy='444.45'%20r='26.743'%20gradientTransform='matrix(0%20-.24%20-1.055%200%20532.979%20557.576)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23B8B8B8'%20stop-opacity='.498'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%237F7F7F'%20stop-opacity='0'%3e%3c/stop%3e%3c/radialGradient%3e%3cpath%20opacity='.444'%20fill='url(%23python-original-c)'%20d='M97.309%20119.597c0%203.543-14.816%206.416-33.091%206.416-18.276%200-33.092-2.873-33.092-6.416%200-3.544%2014.815-6.417%2033.092-6.417%2018.275%200%2033.091%202.872%2033.091%206.417z'%3e%3c/path%3e%3c/svg%3e)
Python
Storybook
Swiper
Figma
Git
Jupyter
Jest
%20scale(.13472)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2369d3a7'%3e%3c/stop%3e%3cstop%20offset='.823'%20stop-color='%232ab586'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%231cae7f'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%20x1='992.991'%20x2='568.87'%20y1='483.702'%20y2='758.304'%20gradientTransform='translate(-.876%20-.754)%20scale(.13472)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.081'%20stop-color='%2369d3a7'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%2369d3a7'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='5.828'%20x2='704.494'%20y1='697.848'%20y2='917.116'%20gradientTransform='translate(-.876%20-.754)%20scale(.13472)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.077'%20stop-color='%231cae7f'%3e%3c/stop%3e%3cstop%20offset='.164'%20stop-color='%231ca379'%3e%3c/stop%3e%3cstop%20offset='.316'%20stop-color='%231c8568'%3e%3c/stop%3e%3cstop%20offset='.516'%20stop-color='%231b554d'%3e%3c/stop%3e%3cstop%20offset='.719'%20stop-color='%231b1e2e'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M44.984%2050.817c5.173%200%209.377%202.762%2011.532%207.558l.162.378%208.676-2.95-.175-.445c-3.355-8.192-11.101-13.27-20.195-13.27-6.4%200-11.6%202.047-15.897%206.264-4.271%204.19-6.427%209.458-6.427%2015.655%200%206.157%202.17%2011.397%206.427%2015.574%204.297%204.217%209.498%206.264%2015.897%206.264%209.094%200%2016.827-5.092%2020.195-13.27l.175-.444-8.69-2.95-.148.39c-1.94%204.729-6.251%207.544-11.532%207.544-3.597%200-6.642-1.253-9.04-3.732-2.439-2.505-3.665-5.671-3.665-9.376%200-3.732%201.2-6.83%203.665-9.458%202.411-2.479%205.443-3.732%209.04-3.732z'%20class='st0'%3e%3c/path%3e%3cpath%20fill='url(%23a)'%20d='m82.652%20125.13-2.586-8.528c23.334-7.086%2039.015-28.224%2039.015-52.595%200-6.723-1.199-13.297-3.57-19.522l8.326-3.166A63.468%2063.468%200%200%201%20128%2064.02c-.013%2028.305-18.228%2052.865-45.348%2061.11Z'%3e%3c/path%3e%3cpath%20fill='%2369d3a7'%20d='M116.67%2047.894C109.543%2024.641%2088.378%209.026%2063.993%209.026a56.039%2056.039%200%200%200-9.861.876l-1.577-8.77A64.836%2064.836%200%200%201%2063.993.108c28.319%200%2052.906%2018.147%2061.191%2045.159z'%3e%3c/path%3e%3cpath%20fill='url(%23b)'%20d='M4.096%2086.532C1.374%2079.338%200%2071.753%200%2064.007%200%2031%2024.776%203.664%2057.634.43l.876%208.865C30.232%2012.085%208.905%2035.607%208.905%2064.006a54.82%2054.82%200%200%200%203.516%2019.387z'%3e%3c/path%3e%3cpath%20d='M64.33%2042.896%2081.79%2085.63l-12.718%2030.85%208.905%201.779%2030.96-75.364h-9.62l-12.353%2031.31-12.449-31.31z'%20class='st0'%3e%3c/path%3e%3cpath%20fill='url(%23c)'%20d='m70.675%20112.601-1.872%204.54c-.431%201.038-1.415%201.752-2.52%201.792-.767.027-1.522.054-2.303.054-24.452%200-46.224-16.369-52.946-39.81l-8.569%202.451c7.814%2027.228%2033.102%2046.25%2061.501%2046.264h.014c.889%200%201.778-.013%202.667-.054%204.567-.188%208.65-3.058%2010.4-7.302l2.534-6.156z'%3e%3c/path%3e%3c/svg%3e)
Cypress
Vitest
Mocha
Webpack
Featured Projects
Projects
Edumeta Web
A website that provides an idea of how 'Technology can help in education'. This project was developed and used to compete for a grant to access a platform for teaching technology and development courses in 2021.
Beatsalon Web
A landpage type website offering beauty salon services. Developed under a mobile first concept.
Template HTML for Email - Filantropia
An email template for Philanthropy developed using the MJML framework
Lausan Consultaria - Web
A single page application (SPA) developed in React for Lausan Consultoria
Arcade Calculator
Calculator developed with an arcade theme from the League of Legends universe, has accessibility and various features, as well as visual and sound effects
How2Sec - Web
A single page application (SPA) developed in React for How2Sec
Form Page - TailwindCSS
A page with menu and form responsive using TailwindCSS.
Find Your Pet - API
Find Your Pet is a web application that allows users to register themselves and their adopted pets.
Patins Snitap
Responsive and animated HTML/CSS frontend that presents the skate as a sales product.
Zingen Karaoke
Zingen is a one-page institutional website, responsive and designed for various types of micro, small, and medium businesses
Pizzashop - CRM
A Logistics Dashboard - CRM for Restaurants. With metrics and monitoring of monthly orders.