As a mechatronic engineer with a growth mindset and more than three years of experience as a front-end developer, I am passionate about leveraging technology to create solutions that enhance user experiences and deliver tangible results, I’m driven by problem solving and enhancing challenges.

Contact

<aside> <img src="https://logospng.org/download/gmail/logo-gmail-4096.png" alt="https://logospng.org/download/gmail/logo-gmail-4096.png" width="40px" /> [email protected]

</aside>

<aside> <img src="https://blog.carltonstaffing.com/wp-content/uploads/2020/09/linkedin-icon-logo-png-transparent-2048x2048.png" alt="https://blog.carltonstaffing.com/wp-content/uploads/2020/09/linkedin-icon-logo-png-transparent-2048x2048.png" width="40px" /> /in/carlos-eduardo-garcia-enriquez

</aside>

<aside> <img src="https://webstockreview.net/images/github-icon-png-8.png" alt="https://webstockreview.net/images/github-icon-png-8.png" width="40px" /> /EduardoGarciaEnriquez

</aside>

<aside> 👤 /portfolio

</aside>

Languages

<aside> 🇬🇧 English: C1

</aside>

<aside> 🇪🇸 Spanish: Native

</aside>

Technologies

<aside> <img src="https://cdn2.iconfinder.com/data/icons/social-icon-3/512/social_style_3_html5-512.png" alt="https://cdn2.iconfinder.com/data/icons/social-icon-3/512/social_style_3_html5-512.png" width="40px" /> HTML5

</aside>

<aside> <img src="https://cdn.freebiesupply.com/logos/large/2x/css-3-logo-png-transparent.png" alt="https://cdn.freebiesupply.com/logos/large/2x/css-3-logo-png-transparent.png" width="40px" /> CSS

</aside>

<aside> <img src="https://th.bing.com/th/id/R.f81a6f373c244b1f70f4b7402b5ab372?rik=rbXh4ieLuKt%2BmA&riu=http%3A%2F%2Flogos-download.com%2Fwp-content%2Fuploads%2F2016%2F09%2FReact_logo_logotype_emblem.png&ehk=QhGOkKcUKCU7FBQgHOajOiJqJBACUTD2Ni6LsfqzCEA%3D&risl=&pid=ImgRaw&r=0" alt="https://th.bing.com/th/id/R.f81a6f373c244b1f70f4b7402b5ab372?rik=rbXh4ieLuKt%2BmA&riu=http%3A%2F%2Flogos-download.com%2Fwp-content%2Fuploads%2F2016%2F09%2FReact_logo_logotype_emblem.png&ehk=QhGOkKcUKCU7FBQgHOajOiJqJBACUTD2Ni6LsfqzCEA%3D&risl=&pid=ImgRaw&r=0" width="40px" /> ReactJS

</aside>

<aside> <img src="https://seeklogo.com/images/A/ant-design-logo-EAB6B3D5D9-seeklogo.com.png" alt="https://seeklogo.com/images/A/ant-design-logo-EAB6B3D5D9-seeklogo.com.png" width="40px" /> Ant Design

</aside>

<aside> <img src="https://raw.githubusercontent.com/reactjs/redux/master/logo/logo.png" alt="https://raw.githubusercontent.com/reactjs/redux/master/logo/logo.png" width="40px" /> Redux

</aside>

<aside> <img src="https://images.viblo.asia/f985d0b8-f1ed-4a43-b5ae-623747140d21.png" alt="https://images.viblo.asia/f985d0b8-f1ed-4a43-b5ae-623747140d21.png" width="40px" /> Redux-Saga

</aside>

<aside> <img src="https://henryvaleriodev.com/assets/img/sass-logo.png" alt="https://henryvaleriodev.com/assets/img/sass-logo.png" width="40px" /> SASS

</aside>

<aside> <img src="https://cdn.freebiesupply.com/logos/large/2x/git-icon-logo-png-transparent.png" alt="https://cdn.freebiesupply.com/logos/large/2x/git-icon-logo-png-transparent.png" width="40px" /> Git

</aside>

<aside> <img src="https://img.icons8.com/color/200/bootstrap--v2.png" alt="https://img.icons8.com/color/200/bootstrap--v2.png" width="40px" /> Bootstrap

</aside>

<aside> <img src="https://aravind.dev/static/47ac566f46d69153b74db05eb8e05337/56e34/nextjs.png" alt="https://aravind.dev/static/47ac566f46d69153b74db05eb8e05337/56e34/nextjs.png" width="40px" /> NextJS

</aside>

<aside> <img src="https://michael-duke.github.io/Portfolio/images/tailwindcss.png" alt="https://michael-duke.github.io/Portfolio/images/tailwindcss.png" width="40px" /> Tailwind

</aside>

<aside> <img src="https://astro.js.org/astro.png" alt="https://astro.js.org/astro.png" width="40px" /> Astro

</aside>

<aside> <img src="https://mui.com/static/logo.png" alt="https://mui.com/static/logo.png" width="40px" /> Material UI

</aside>

<aside> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/2048px-GraphQL_Logo.svg.png" alt="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/2048px-GraphQL_Logo.svg.png" width="40px" /> GraphQL

</aside>

<aside> <img src="https://testing-library.com/img/octopus-128x128.png" alt="https://testing-library.com/img/octopus-128x128.png" width="40px" /> React Testing Library

</aside>

<aside> <img src="https://static-00.iconduck.com/assets.00/cypress-icon-512x511-29zvfts6.png" alt="https://static-00.iconduck.com/assets.00/cypress-icon-512x511-29zvfts6.png" width="40px" /> Cypress

</aside>

Languages

<aside> <img src="https://pluspng.com/img-png/logo-javascript-png-other-resolutions-240-240-pixels-240.png" alt="https://pluspng.com/img-png/logo-javascript-png-other-resolutions-240-240-pixels-240.png" width="40px" /> JavaScript

</aside>

<aside> <img src="https://cdn.iconscout.com/icon/free/png-512/typescript-1174965.png" alt="https://cdn.iconscout.com/icon/free/png-512/typescript-1174965.png" width="40px" /> TypeScript

</aside>

Tools

<aside> <img src="https://pngimg.com/uploads/github/github_PNG40.png" alt="https://pngimg.com/uploads/github/github_PNG40.png" width="40px" /> Github

</aside>

<aside> <img src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/44_Bitbucket_logo_logos-512.png" alt="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/44_Bitbucket_logo_logos-512.png" width="40px" /> BitBucket

</aside>

<aside> <img src="https://indiciatraining.com/wp-content/uploads/2019/10/azure_logo_transparent-2.png" alt="https://indiciatraining.com/wp-content/uploads/2019/10/azure_logo_transparent-2.png" width="40px" /> Azure

</aside>

<aside> <img src="https://logodownload.org/wp-content/uploads/2017/10/filezilla-logo-2.png" alt="https://logodownload.org/wp-content/uploads/2017/10/filezilla-logo-2.png" width="40px" /> Filezilla

</aside>

<aside> <img src="https://sdtimes.com/wp-content/uploads/2018/08/logo-glyph.png" alt="https://sdtimes.com/wp-content/uploads/2018/08/logo-glyph.png" width="40px" /> Postman

</aside>

<aside> <img src="https://cdn.freebiesupply.com/logos/large/2x/figma-1-logo-png-transparent.png" alt="https://cdn.freebiesupply.com/logos/large/2x/figma-1-logo-png-transparent.png" width="40px" /> Figma

</aside>

<aside> <img src="https://cdn.changelog.com/uploads/icons/news_sources/qGw/icon_large.png?v=63692097118" alt="https://cdn.changelog.com/uploads/icons/news_sources/qGw/icon_large.png?v=63692097118" width="40px" /> Vercel

</aside>

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTS6ItkqRpUfF4TGmFsEwumNcwhEVybHBoaaQ&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTS6ItkqRpUfF4TGmFsEwumNcwhEVybHBoaaQ&usqp=CAU" width="40px" /> Terminal

</aside>

<aside> <img src="https://logowik.com/content/uploads/images/jira2966.logowik.com.webp" alt="https://logowik.com/content/uploads/images/jira2966.logowik.com.webp" width="40px" /> Jira

</aside>

<aside> <img src="https://svgl.app/library/vitest.svg" alt="https://svgl.app/library/vitest.svg" width="40px" /> Vitest

</aside>

<aside> <img src="https://svgl.app/library/vitejs.svg" alt="https://svgl.app/library/vitejs.svg" width="40px" /> Vite

</aside>

Certifications

https://albumizr.com/a/PHje

Work Experience

Front End Developer

ISOL DEV November 2024 - Ongoing

Responsibilities

• Designed and optimized reusable components and user interfaces, ensuring seamless user experiences across multiple platforms.
• Spearheaded the development, maintenance, and documentation of an npm library, including the creation of comprehensive Storybooks for streamlined collaboration and onboarding.
• Implemented real-time notification systems, enhancing user engagement and improving overall application interactivity.
• Collaborated with cross-functional teams to deliver high-quality, scalable solutions aligned with business goals.
• Utilized modern front-end technologies (e.g., React, JavaScript, HTML5, CSS3) to build responsive and performant web applications.

Key accomplishments

• Developed and implemented a real-time notification system featuring an alert and bell badge to inform users about the completion and status of file processing. This enhancement improved user awareness and workflow efficiency, reducing manual checks and increasing overall user satisfaction.

Front End Developer

Audio Content Streaming Platform March 2024 - August 2024

Responsibilities

• Maintain project documentation related to code standards and processes for individual apps and monorepo.
• Update multilingual translations using Localazy.
• Refactor obsolete tests from Enzyme to React Testing Library.
• Debug, report, and fix critical errors.
• Translate design mockups into responsive and functional pages and components using HTML, CSS/SASS, TypeScript, ReactJS, GraphQL and Redux.
• Write clean, efficient, and maintainable code for front-end features while adhering to coding standards and best practices.
• Conduct code reviews to ensure quality and best practices, providing constructive feedback to team members.
• Follow Kanban Agile methodology to manage and prioritize tasks.
• Review, test, fix, and update GitHub Dependabot pull requests.
• Update GraphQL auto-generated code and resolve related issues and errors.
• Create and update Storybook stories for ReactJS containers and components.

Key accomplishments

• Boosted overall test coverage from 78.60% to 92.88%
• Identified and resolved critical bugs in the age verification flow that caused an infinite loop when navigating back twice.
• Improved test efficiency by mocking API calls, eliminating important errors and unnecessary API calls.
• Streamlined error reporting by filtering out non-essential reports to Sentry, allowing focus on the most critical issues.
• Resolved over 90% of errors and console warnings in both tests and browser consoles.
• Added and simplified processes and documentation for running Cypress GUI mode inside GitHub Codespaces.

Front End Developer

Sissa Digital, July 2021 - December 2023

Responsibilities

• Translating design mockups into responsive and functional web interfaces using HTML, CSS, and JavaScript frameworks.
• Optimizing web pages for performance, speed, and scalability, including optimizing code, images, and other assets to improve load times and user experience.
• Documenting code, processes, and best practices to facilitate knowledge sharing, onboarding new team members, and maintaining project documentation.
• Ensuring that web applications are compatible with different browsers and devices by testing and debugging code across multiple platforms.
• Writing clean, efficient, and maintainable code for front-end features and functionality while adhering to coding standards and best practices.

Key accomplishments

• Introduced standard tools such as es-lint, git commit structure, prettier, and comprehensive documentation.
• Led the adoption of Agile methodology, resulting in a shortened development cycle from project initiation to MVP launch.
• Implemented end-to-end testing before implementation, leading to a significant reduction in bugs tickets.
• Improved performance, accessibility, SEO, and adherence to best practices by refactoring two projects from ReactJS 16 to React 18.

Education

Mechatronics Engineering, Bachelor’s degree — Centro de Enseñanza Técnica Industrial (CETI), 2016 - 2019

React Bootcamp — Wizeline Academy, 2022

Intensive front end software development bootcamp with react

Java Full Stack Developer — Generation Cohort 21, 2021