MrLuisFer

<h1>Luis Alvarez - Software Engineer</h1> <p> <a target="_blank" rel="noopener noreferrer" href="https://mrluisfer.vercel.app">portfolio</a> · <a target="_blank" rel="noopener noreferrer" href="https://linkedin.com/in/mrluisfer">linkedin</a> · <a target="_blank" rel="noopener noreferrer" href="https://x.com/_mrluisfer">x/twitter</a> · <a target="_blank" rel="noopener noreferrer" href="mailto:mrluisfeer@gmail.com">email</a> · <a target="_blank" rel="noopener noreferrer" href="https://bento-mrluisfer.vercel.app/">bento</a> </p> <p> Full-Stack Software Engineer specialized in building scalable, high-performance web applications.<br> I design frontend architectures and component systems that teams actually want to use — focused on <b>accessibility</b>, <b>performance</b>, and <b>clean code architecture</b>.<br> Led API migration that improved system performance by <b>60%</b> and architected a <b>50+ component design system</b> used across an entire organization.<br> Currently building financial platform solutions at <b>CredixGS</b>, previously shipping features at <b>Nowports</b> and <b>Accenture</b>. </p> <h2>Experience</h2> <p> <b>CredixGS · Full-Stack Engineer · <em>2024 – Present</em></b> <br> <samp>Core platform development for a financial firm with 15+ years in the Mexican market</samp> <br> <samp>MySQL &amp; MariaDB optimization — schema refinements, query tuning &amp; data integrity</samp> <br> <samp>External API integration — IMSS, INE &amp; Credit Bureau for automated compliance verification</samp> <br> <samp>Legacy code modernization while preserving critical business logic</samp> <br> <samp>Cross-functional collaboration with finance, commercial, legal &amp; UI/UX teams</samp> <br><br> <b>Nowports · Software Engineer · <em>2022 – 2024</em></b> <br> <samp>50+ component design system (React, Remix-UI, React Aria) — accelerated delivery cycles org-wide</samp> <br> <samp>60% performance boost via backend API migration with NestJS, Prisma &amp; TypeScript</samp> <br> <samp>AI chatbot interface — cross-functional build with Data team for shipment tracking &amp; support</samp> <br> <samp>Analytics infrastructure — GA4, GTM, cookie management for cross-regional tracking</samp> <br> <samp>Next.js + HubSpot CMS integration with SSR for automated content delivery</samp> <br> <samp>Sentry observability — real-time error tracking, performance profiling &amp; debugging</samp> <br> <samp>Cross-functional leadership — coordinating product, design &amp; marketing teams through agile cycles</samp> <br> <samp>Code quality ownership — reviews, best practices documentation &amp; architectural guidance</samp> <br><br> <b>Accenture · Frontend Developer · <em>2021 – 2022</em></b> <br> <samp>UI/UX improvements — interface design, component optimization &amp; accessibility standards (WCAG)</samp> <br> <samp>Agile delivery within sprint cycles, collaborating with cross-functional teams</samp> </p> <h2>Stack</h2> <p> <samp> <b><code>Frontend</code></b> · React · Next.js · Astro · TypeScript · Vue.js · Svelte.js · HTML/CSS · JavaScript <br> <b><code>Backend</code></b> · Node.js · NestJS · Express · Prisma · Drizzle · PHP · Laravel <br> <b><code>Databases</code></b> · PostgreSQL · MySQL · MariaDB · MongoDB · NeonDB <br> <b><code>Styling</code></b> · Tailwind CSS · shadcn/ui · Framer Motion · GSAP · SASS · DaisyUI · MaterialUI · ChakraUI · RadixUI · BaseUI <br> <b><code>State</code></b> · TanStack Query · Zustand · Redux · Jotai · React Context <br> <b><code>Testing</code></b> · Vitest · Cypress · Playwright · Storybook · Jest <br> <b><code>DevOps</code></b> · Docker · Vercel · Netlify · Git · GitHub Actions · CI/CD · Vite · pnpm <br> <b><code>Analytics</code></b> · Google Analytics 4 · Google Tag Manager · Sentry · HubSpot CMS <br> <b><code>Tools</code></b> · Cursor · Claude · N8N · Neovim </samp> </p> <h2>Projects</h2> <p> <a href="https://github.com/mrluisfer/monfly"><b>Monfly</b></a> · Full-stack personal finance dashboard for tracking &amp; budgeting <br> <a href="https://github.com/mrluisfer/cusana"><b>Cusana</b></a> · Modern subscription tracker to monitor, manage &amp; analyze recurring expenses <br> <a href="https://github.com/mrluisfer/track0"><b>Track0</b></a> · Subscription tracker with Next.js, better-auth &amp; NeonDB <br> <a href="https://github.com/mrluisfer/impostor-game"><b>Impostor Game</b></a> · Multiplayer word guessing with Mexican cultural content <br> <a href="https://github.com/mrluisfer/bento-me"><b>Bento Me</b></a> · My own bento.me alternative built with Astro <br> <a href="https://github.com/mrluisfer/seo-generator"><b>SEO Generator</b></a> · Meta tags generator with live preview — Next.js + Chakra UI <br> <a href="https://github.com/mrluisfer/bambu"><b>Bambu</b></a> · Landing page for professional device maintenance services <br> <a href="https://github.com/mrluisfer/mrluisfer-blog"><b>Blog</b></a> · Personal posts about the frontend world <br> <a href="https://github.com/mrluisfer/js-challenges-hub"><b>JS Challenges Hub</b></a> · Frontend Mentor challenges collection in one place <br> <a href="https://github.com/mrluisfer/gh-card-profile"><b>GitHub Profile Finder</b></a> · GitHub user search using Octokit + Vite <br> <a href="https://github.com/mrluisfer/git-guide"><b>Git Guide</b></a> · Essential Git commands guide in Spanish <br> <a href="https://github.com/mrluisfer/nvim"><b>Neovim Config</b></a> · Custom IDE setup optimized for frontend dev </p> <h3>Background</h3> <p> <samp> <b>B.S. Systems Engineering</b> @ Instituto Tecnológico de Morelia — <em>In Progress</em> <br><br> <b>Certs:</b> <code>TypeScript Advanced (Platzi)</code> · <code>Scrum Foundation (CertiProf)</code> · <code>React (CodigoFacilito)</code> · <code>JavaScript (HackerRank, Cisco)</code> <br> <b>Languages:</b> Spanish (Native) · English (C1 Advanced) </samp> </p> <br> <p> <img src="./assets/cat-on-line.svg" alt="Cat on line" /> </p> <p> <samp>A ship in harbor is safe, but that is not what ships are built for.</samp> </p>