Paul Melero's picture; smiling.

Paul Sebastian Melero Monagas

Web Developer | Agricultural Engineer

I want to apply my knowledge and skills to benefit others and have a positive impact on Society and the Environment.

Graficos.net

Professional Summary

  • Creative Web Developer with over 10 years of experience in delivering high-quality web solutions.
  • Enthusiastic about programming with a strong focus on Web technologies. Committed to continuous learning and advancing technical skills.
  • Passionate about web development with deep expertise in CSS, HTML, JavaScript (Vanilla and TypeScript), and Web/Browser APIs.
  • Extensive experience in advanced JavaScript and TypeScript development.
  • Proficient in building dynamic web applications using Vue.js and Nuxt (SPA and SSR).
  • Hands-on experience with modern bundlers like Vite, Rollup, and others.
  • Proven experience in publishing and managing packages in NPM and private GitHub Package Registry.
  • Skilled in developing and maintaining Design Systems at a professional level.
  • Highly motivated to optimize Web Performance both in the browser and on the server, utilizing tools like WPT, DevTools, and Lighthouse.
  • Experienced in maintaining large-scale SASS (SCSS) codebases and developing PostCSS plugins.
  • Expert in creating performant web animations with CSS, JavaScript libraries, SVG, and WebGL using Three.js.
  • Strong advocate for progressive enhancement, with a focus on UX and a keen eye for UI design.
  • Well-versed in Responsive Web Design and Mobile-First development strategies.
  • Experience in using Node.js for server-side rendering, scripting, and API development.
  • Familiar with integrating CI/CD pipelines using CircleCI and GitHub Actions.
  • Proficient in version control with Git, experienced in GitLab, Bitbucket, and GitHub.
Icon for Relevant Professional Experience

Relevant Professional Experience

  • -
    Senior Frontend Engineer

    (Back Market, Barcelona)

    • Web Developer
    • Contributed to Back Market's Design System, leveraging Vue 3 and Tailwind to deliver scalable and maintainable components.
    • Developed intuitive and secure authentication UI, ensuring a seamless user experience.
    • Actively participated in incident resolution and ensuring quality releases, improving code reliability and enhancing user satisfaction.
    • Played a key role in the migration from Vue 2 to Vue 3, with a focus on improving accessibility and performance.
    • Demonstrated a commitment to quality, innovation, and collaborative teamwork, continuously driving improvements in the development process.
  • -
    Content Lead and Developer Relations

    (VueDose, Remote)

    • Developer Advocate
    • Content Creator
    • Authored technical articles and in-depth guides on Vue.js, contributing to community knowledge sharing.
    • Maintainer of the VueDose website, built with Nuxt.js, ensuring content updates and platform stability.
    • Managed social media presence and provided community support, fostering engagement and interaction.
    • Proactively sought partnerships with event organizers to expand community outreach and collaboration opportunities.
  • -
    Vue.js Freelance Instructor

    (Lemoncoders, Remote)

    • Instructor
    • Instructing a comprehensive Vue.js curriculum, covering concepts from foundational principles to advanced techniques, including deep dives into Vue 3's Composition API, in a remote Frontend Bootcamp.
    • Designed and delivered engaging, hands-on lessons that guide students through building real-world applications, reinforcing key Vue.js features such as reactive state management, component architecture, and routing.
    • Mentoring students individually and in groups, providing personalized feedback to help them master complex concepts and apply best practices in their projects.
    • Continuously updating the curriculum to reflect the latest advancements in the Vue ecosystem, ensuring students are prepared for modern web development challenges.
  • Show older items
    • -
      Frontend Architect

      (LoveToKnow Media, Remote)

      • Web Developer
      • Team Lead
      • Leading the development of the internal Design System using an Atomic Design methodology to ensure consistency and scalability across projects.
      • Creating scalable templates for diverse applications, streamlining the development process and enhancing team efficiency.
      • Developing reusable components and tools that can be utilised across various projects, promoting code quality and maintainability.
      • Passionate about collaborating with teammates to build accessible, user-friendly, and high-performance applications, fostering a culture of innovation and teamwork.
    • -
      Web Developer && Frontend Community Leader

      (Erni, BCN and Remote)

      • Web Developer
      • Instructor
      • Event Organizer
      • Collaborated within a SCRUM-based team to develop a tailored solution for an automotive company's quality validation processes. This involved setting up infrastructure, optimizing automation workflows, and creating both Frontend and Backend applications utilizing hexagonal architecture.
      • As a Frontend Community Leader, I have actively promoted frontend best practices within the company, organizing and leading several Meetup sessions to foster knowledge sharing and collaboration.
      • Daily responsibilities include working extensively with JavaScript, TypeScript, and Angular (version 6).
      • Developed Nuxt.js and Vue.js micro-apps for the Tooling Team's management, as well as production-grade Progressive Web Applications (PWA) with custom Service Worker implementations.
      • Additionally, acquired proficiency in Python 2.7 and developed a fully functional REST API with Flask.
    • -
      Fullstack Freelance Developer: Nuxt.js, Node.js, Three.js

      Sofaskit.com

      • Freelancer
      • Web Developer
      • UI Developer
      • Illustrator
      • Graphic Design
      • Commissioned to develop a full-featured e-commerce platform for a local couch manufacturing company.
      • Led the planning and implementation of the entire user journey, including designing the customer-facing interface and building the company's admin portal.
      • Developed a highly interactive 3D couch configurator using Three.js, seamlessly integrated with Vue.js and Vuex for real-time updates and state management.
      • Gained extensive e-commerce experience by developing the entire website from scratch, including user management, authentication, payment processing, and automated notifications, ensuring a secure and smooth shopping experience.
    • -
      Senior Frontend Developer

      (Hiberus Travel, Zaragoza)

      • Web Developer
      • Maintainer
      • Led the layout development, utilizing SASS (SCSS) in conjunction with Bootstrap Sass to create modular, maintainable styles for AngularJS components, implementing the atomic design pattern.
      • Ensured responsive web design and cross-browser compatibility across various platforms and devices.
      • Facilitated interoperability and integration with REST/HTTP libraries, optimizing communication between frontend and backend systems.
      • Contributed to the development of a custom Gulp task manager for multiple environments, adhering to the principles of the 12 Factor App methodology for scalable application management.
      • Utilized SVG and advanced CSS techniques to create intricate, visually engaging layout displays.
      • Developed and maintained a comprehensive Living StyleGuide to document and standardize the atomic design system for a large-scale application.
      • Employed GIT version control through the CLI, ensuring efficient version management and collaboration within the development team.
    • -
      Junior Frontend Developer

      (The NodeHub, Zaragoza)

      • Web Developer
      • UI Developer
      • Involved in all phases of the Software Development Life Cycle, including requirements gathering, design, analysis of customer specifications, development, and project customization to meet client needs.
      • Collaborated with a Design Studio to deliver highly customized, "pixel-perfect" web pages for diverse clients, ensuring seamless integration of design and functionality.
      • Gained extensive expertise in CSS, leveraging it daily to create responsive, visually accurate layouts. This role also marked the beginning of my journey with JavaScript, guided by mentorship from my supervisor, Fran, who helped deepen my understanding of frontend development.
    • -
      Drawing Teacher

      (Camón Aznar School, Zaragoza)

      • Instructor
      • Illustrator
    • -
      Freelancer: Web Dev, Arts/Illustration and Graphic Design

      Graphic Artist, Illustrator, Designer and Frontend Developer

      • Freelancer
      • Web Developer
      • UI Developer
      • Illustrator
      • Spent several years developing websites with a focus on speed, engagement, and accessibility.
      • Gained valuable experience in client communication, ensuring clear expectations before and during each commission.
      • Specialized in building modern web applications using the JAMStack approach, combining Vue.js and Nuxt.js for dynamic and performant user interfaces.
      • Extensively worked with HTML5, CSS (including SCSS and TailwindCSS), JavaScript, TypeScript, and ESNext to deliver cutting-edge frontend solutions.
      • Implemented backend services using Node.js, ensuring robustness and scalability, with comprehensive testing using Jest.
      • Developed immersive experiences using Three.js, WebGL, WebVR, and A-Frame for interactive 3D content.
      • Utilized Docker for containerization, Nginx as a web server, and PM2 for process management to ensure high availability and performance.
      • Worked with SVG for scalable vector graphics and integrated MongoDB for data management.
      • Implemented SSL certificates and secure hosting using Let’s Encrypt for enhanced website security.
Icon for Education

Education

  • -
    B. Agriculture Engineering

    La Almunia Polytechnic University School (EUPLA)

Icon for Aditional Education

Aditional Education

  • IT
    • Vue 3 Composition API

      (Vue Mastery)

    • From Vue 2 to Vue 3

      (Vue Mastery)

    • Vue 3 Reactivity

      (Vue Mastery)

    Show older items
    • Build an offline-first, data-driven PWA

      (Google Codelabs)

    • JavaScript Promises

      (Udacity)

    • React: from zero to hero

      (ERNI)

    • Browser Rendering Optimization

      (Udacity)

    • webpack: The Core Concepts

      (webpack.academy)

    • PHP

      (Codecademy)

    • LololoLodash

      (NodeSchool)

    • Javascripting

      (NodeSchool)

    • Git-it

      (NodeSchool)

    • Scope Chains and Closures

      (NodeSchool)

    • JavaScript Basics

      (Udacity)

    • HTML & CSS

      (Codecademy)

    • Make an Interactive WebSite

      (Codecademy)

    • Introduction to JavaScript

      (Codecademy)

    • Real Time Web with Node.js

      (CodeSchool)

    • Flex-box CSS

      (DesarrolloWeb)

    • AutoCAD Course

      (EUPLA)

    • R 101

      (EUPLA)

    • HTML 101

      (PixarNet SL)

    • VisualBasic 101

      (PixarNet SL)

Icon for Books

Books

Icon for Articles published

Articles published

Icon for Talks

Talks