Skip to content
View Mario-Duarte's full-sized avatar
🎯
Focusing and bug hunting
🎯
Focusing and bug hunting

Block or report Mario-Duarte

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Mario-Duarte/README.md

Hi there

Óla, Hola, Hello 👋

Mario Duarte
Lead full stack engineer
I ❤️ create 🐛 and turn them into 🦋 using JavaScript 🪄!

A Lead Full-Stack Engineer with more than 15 years of experience, passionate about bridging the gap between complex engineering and outstanding user experiences by crafting polished solutions throughout the entire development lifecycle, from UI and UX design to development and delivery.

Since summer 2025, I have worked at Danburykline as a Senior full-stack engineer and front-end lead, improving the interface and user experience of the main platform, helping make the codebase easier to work in, and finding practical ways for teams to share knowledge. More recently, I have led the design, architecture, and front-end development of a greenfield project to expand the company offering. At the same time, I have helped modernise the frontend stack, improve coding standards, and build an AI-assisted engineering harness that makes day-to-day engineering work easier for the wider team. The backend uses PHP, Slim, MySQL, and GraphQL. The frontend is built with Vue 3.5 and TypeScript, using the Composition API, Tailwind CSS, Pinia, and Pinia Colada. I use Figma throughout the design process.

Previously, I used my knowledge in TypeScript, React, Next.js and others to build a next-generation DIY investment platform at Tillit invest, where my deep understanding of both development and design—using tools like Figma and Sketch has allowed me to translate complex product requirements into intuitive and visually appealing interfaces to help users make better investment decisions.

My technical foundation includes a mastery of modern web stacks, from backend development with Node.js and PHP, to database management with GraphQL, MongoDB and MySQL, to frontend architectures with TypeScript, JavaScript, React/Next and Vue/Nuxt. I am highly proficient in managing CI/CD pipelines as well as automatic deployments to platforms like Vercel, AWS, and Netlify, to name a few.

🔭 I’m currently working on my next TavaScript project
🌱 Always expanding my knowledge of TypeScript, PHP, Python and others
👯 Always happy to help and mentor others! Contact me to discuss potential collaborations or mentorship opportunities.
📫 Reach me via Twitter @MDesignsuk
⚡ Fun fact: Love Photography! Check it out!

Also feel free to check out my Cool doodles on CodePen, Have fun! 😄

Pinned Loading

  1. image-zoom-plugin image-zoom-plugin Public

    Simple jQuery plugin that will allow users to zoom in your images, perfect for product images and galleries.

    JavaScript 11 4

  2. react-image-zooom react-image-zooom Public

    Simple React component that will allow users to zoom in on your images, perfect for product images and galleries!

    TypeScript 29 8

  3. Vue-Image-Zooom Vue-Image-Zooom Public

    Simple Vue3 component that will allow users to zoom in on your images, perfect for product images and galleries!

    TypeScript

  4. react-inView react-inView Public

    Custom Hook that uses the new intersection observer API to determine when an element is in view and runs a custom callback on entry and exit.

    JavaScript 4

  5. PX2Rem PX2Rem Public

    Simple application to convert points, pixels, percentage and rem interchangeably with a simple and clean interface.

    TypeScript 5

  6. transparent-pixel-generator transparent-pixel-generator Public

    A lightweight, dependency-free library to generate transparent pixel PNGs on the client-side, ideal for creating dynamic backgrounds and placeholders without server requests.

    TypeScript