You're seeing this page as if you were . The main menu is still yours, though. Exit from immersion
Mario Carlos Roca PeñafielMC

Mario Carlos Roca Peñafiel

Fullstack Developer | Node | Next.js | GSAP | UX/UI

€160/day
1 project
Toledo, ES
8-15 years

Average response time: 1 hour

Freelancer profile translated to English.
Back to original language

About Mario Carlos

Full-Stack Senior & Product Visionary
12+ years | Remote (Spain)

Looking for a developer or a tech partner who understands your business? I lead the complete product lifecycle, bridging the gap between design, development, and business with a focus on conversion, accessibility, and technical SEO.

THE TRIPLE DIMENSION: BRANDING, UX/UI, AND CODE
  • Product & Conversion:Design from branding and logo to high-fidelity UX/UI interfaces. If you're launching a SaaS or Dashboard, I guarantee WCAG and A11y standards. For positioning, I optimize metadata, structured data, and Core Web Vitals to the millisecond (LCP, INP, CLS, FCP, TBT).
  • Expert Frontend:Absolute mastery of React.js, React Native, Next.js, Astro, and Vue/Nuxt.js with TypeScript. Specialist in Monorepos, Hexagonal Architecture, and clean componentization with Atomic Design.
  • Expert Backend:Robust engineering in Node.js (TypeScript) and PHP, structured under Hexagonal Architecture (Domain, Application, Infrastructure). Projects in Next.js with Prisma ORM and solutions with Headless CMS (Strapi, WordPress API).
SOFTWARE STRUCTURE & QUALITY
  • State Management: Advanced according to the ecosystem. For React: Zustand, Redux Toolkit, or React Query. For Vue/Nuxt.js: Pinia.
  • Styling & QA: Pure CSS/Sass (BEM methodology), TailwindCSS, and ShadCN UI. Code documented in Storybook and tested with Vitest, Jest, and Testing Library.
ARE YOU A RECRUITER?

Although I master Full-Stack, I integrate perfectly as an Expert Frontend in React. My focused stack: React.js, TypeScript, Monorepos, Redux, React-Query, CSS/Sass (BEM), TailwindCSS, Jest, Testing Library, Vitest, and Storybook.

SECTOR EXPERTISE

Fintech, SaaS, E-commerce, Retail, Real Estate, Startups, AI platforms, HR, Insurance, Health, Education, and Incentive Marketing.

I INVITE YOU TO REVIEW MY PORTFOLIO BELOW

I transform complex ideas into profitable, accessible, and scalable products.
  • Spanish

    Native or bilingual

  • English

    Conversational

Remote only
Primarily works remotely

Experience

  • ChangeTheBlock
    Frontend Developer
    TECH
    March 2024 - Today (2 years and 5 months)
    - Development of React.js, Next.js applications in TypeScript
    - Development of mobile applications with React-Native, using Expo.
    - Global state management using Context API, Redux Toolkit, and Zustand.
    - Remote state management with React Query, optimizing fetching and cache.
    - Development with Next.js and implementation of hexagonal architecture (application, domain, infrastructure).
    - Creation of reusable components in Storybook.
    - Responsive styles with Tailwind CSS, Sass, and CSS Modules.
    - Unit testing using Vitest.
    - Development considering WCAG.
    - Styling using modern CSS, Sass with CSS Modules, based on BEM.
    - Styling with TailwindCSS, Shadcn
    - Use of server actions using Next.js.

    Clients: Mercedes Benz, Reale, BCG
    Next.js TailwindCSS Hexagonal Architecture Typescript React-native
  • Ayesa - Freelance
    Senior Frontend Developer Freelance
    March 2025 - November 2025 (8 months)
    Client: Ayesa
    By Pixie

    Application for the Basque Government, whistleblower channel.
    Development for EJIE, using:
    - React.js, Typescript, TailwindCSS
    - Hexagonal Architecture (domain, application, infrastructure)
    - React-query, Zustand, Tanstack Store
    - WGCA accessibility
    - Storybook for documentation and testing with testing-library
    - Unit tests with vitest
    - Design and implementation of the user interface
    React.js Typescript Zustand TailwindCSS Hexagonal Architecture
  • The Cocktail • Freelance
    Frontend Developer
    May 2024 - November 2024 (6 months)
    Client: TheCocktail
    By Pixie

    Development for Primagas, using:
    - React.js, Typescript, Styled-components, TailwindCss, CSS, CSS-Modules
    - Vitest for unit testing
    - Hexagonal architecture (domain, application, infrastructure)
    - React-query and Zustand for global state management
    - Communication with native mobile applications based on events (Bridge)
    React.js Typescript TailwindCSS Storybook Next.js

Recommendations

MC
Mattia PennaMP
JP
Manuel Córdoba Ruiz and 2 other people have recommended Mario Carlos

These freelancer profiles also match your criteria

AgathaA

Agatha Frydrych

Backend Java Software Engineer

4.7

(3)

2

BaptisteB

Baptiste Duhen

Fullstack developer

4.6

(4)

5

AmedA

Amed Hamou

Senior Lead Developer

4

(2)

7

AudreyA

Audrey Champion

Web developer

4.3

(3)

4

Education

  • Higher Technician
    CIBERTEC
    2014
  • Computing and Informatics
    Instituto SISE
    2010

Certifications

Skill set

Categories