Ray Martín logo

Ray MartínFrontend Developer

Download CVEN (Hero)
4+

years of experience

10+

projects completed

Performance (CWV)Accessibility (WCAG)Security & Authentication
Next.jsTypeScriptTailwind CSSReact NativeExpoPostgreSQLPrismaZod

Services

Frontend

Modern interfaces with React and Next.js focused on speed and UX.

  • UI/UX design and design systems
  • Core Web Vitals optimization
  • WCAG accessibility

Backend & Integrations

Robust APIs and secure databases for scalable products.

  • REST/GraphQL API integration
  • Data modeling and performance
  • Prisma, Supabase and PostgreSQL

Security & Auth

Anti‑abuse protection and secure access without friction.

  • Anti‑bots and validations (invisible captchas)
  • Rate‑limiting and endpoint protection
  • Authentication with Google, Apple, GitHub
  • Secure middlewares and session best practices

DevOps & Delivery

Reliable, observable releases.

  • CI/CD with Vercel and GitHub Actions
  • Edge and smart caching
  • Monitoring and alerts

Experiences

Freelance Developer

01/2021 - Current
Freelance

Front end Developer

11/2021 - 12/2022
Metary Platform

Data Analyst

06/2020 - 05/2021
ButlerScientific, S.L.

Front end Developer

05/2019 - 06/2020
Raúl López

Skills

Front-End UI/UX Design
Next React React Native iOS Android HTML CSS JavaScript TypeScript TailwindCSS Responsive Design
Back-End Development
Node Expo PostgreSQL Prisma Supabase Docker SQL AdonisJS Express Firebase
Software
Vercel Github Expo App's Services Postman Insomnia Zapier Trello Jira Figma Dbngin Heroku Postico
Languages
Spanish English French
Methodologies
Agile Scrum Kanban Lean Design Thinking
Career and education
Responsive Web Design JavaScript Algorithms and Data Structures Tourism Degree ULPGC

Modern UI/UX design with React, Next.js and Tailwind CSS

Server-side development with Node.js, Prisma and Supabase

Development with Next.js, React and Expo

Fully responsive web applications and websites

Database management with PostgreSQL, Prisma and Firebase

REST and GraphQL API integration

Version control with Git and GitHub

Automated deployment with Vercel and Expo

Clear and structured code documentation

Cloud services management (AWS, GCP, Vercel)

Mobile app development with React Native and Expo

Unit, integration and E2E testing

CI/CD automation with GitHub Actions

Web security and vulnerability protection

Web performance optimization and monitoring

WCAG-compliant accessible development

Analytics integration and monitoring

About me

Frontend developer with a solid full‑stack foundation and product mindset. I work with React, Next.js, TypeScript and Node.js to build accessible, fast and scalable interfaces.

Experience collaborating with companies and clients to deliver tailored solutions, integrating databases (PostgreSQL, Prisma), secure authentication and automated deployments.

Motivated by creating user‑centric experiences, focused on Core Web Vitals, best practices and maintainability.

Projects and works

View project — 4Pets Website
VercelNextJsTypescriptReactTailwind

4Pets Website

Animal management platform with web in Next 14/15 and mobile app (Expo/React Native). Robust auth and validation with PostgreSQL, Prisma and Zod. Real-time notifications, live lost-pet mode with geolocation, marketplace and professional dashboards.

88
Performance
95
Accessibility
96
Best practices
100
SEO
View project — 4Pets Mobile App
iOSAndroidExpoReact NativeTypescriptTailwind

4Pets Mobile App

iOS and Android app built with Expo and React Native. Access marketplace, veterinary services, real-time lost-pet alerts with live location and push notifications. Integrated with Next web and backend, auth via PostgreSQL/Prisma and validation with Zod.

88
Performance
95
Accessibility
96
Best practices
100
SEO
View project — Verónica Moreno's Website
VercelNextJsTypescriptReactTailwind

Verónica Moreno's Website

Professional website for Verónica Moreno built with Next.js, TypeScript, React, and Tailwind CSS. Features a multilingual system and fully responsive design, enhancing user experience and SEO performance across all devices.

100
Performance
98
Accessibility
100
Best practices
85
SEO
View project — Abanzamed
VercelNextJsTypescriptReactTailwindSupabasePrisma

Abanzamed

Custom website for Abanzamed built with Next.js, TypeScript, React, Tailwind CSS, Supabase, and Prisma. Scalable, modern solution optimized for SEO and performance, perfect for healthcare companies seeking a professional digital presence.

96
Performance
97
Accessibility
97
Best practices
100
SEO
View project — Pandemic
NextJsTypescriptReactTailwind

Pandemic

Digital board game Pandemic developed with React.js, Redux, and Tailwind CSS. Delivers an interactive, real-time gaming experience with responsive design, perfect for strategy game enthusiasts online.

98
Performance
96
Accessibility
96
Best practices
100
SEO
View project — Metary Platform
NextJsTypescriptReactTailwind

Metary Platform

Landing page for Metary, a metaverse management platform, developed with Next.js, React, and Tailwind CSS. Integrates a modern content management system for an innovative and SEO-optimized digital presence.

99
Performance
92
Accessibility
100
Best practices
92
SEO
View project — Ray Martín
VercelNextJsTypescriptReactTailwind

Ray Martín

Personal website developed with Next.js, React, and Tailwind CSS. Features a Firebase content management system, responsive design, and SEO optimization for personal branding.

96
Performance
100
Accessibility
100
Best practices
100
SEO
View project — Focus Crea
VercelNextJsTypescriptReactTailwind

Focus Crea

Corporate website developed with Next.js, React, TypeScript, and Tailwind CSS. Features email capture system and responsive design, optimized for SEO and client conversion.

100
Performance
100
Accessibility
100
Best practices
100
SEO
View project — Visa Nómada Digital
Webflow

Visa Nómada Digital

Informational website developed in Webflow with custom design and user-focused experience. SEO-optimized to capture leads and improve Google ranking for digital visa services.

95
Performance
100
Accessibility
96
Best practices
92
SEO
View project — Distribuciones Valeren
Webflow

Distribuciones Valeren

Custom ecommerce website built with Webflow, featuring online store integration and tailored design. Optimized for conversions and search engine visibility, ideal for businesses looking to sell online.

74
Performance
90
Accessibility
81
Best practices
100
SEO
View project — Asesorae
Webflow

Asesorae

Webflow site with user integration and custom design. Optimized to attract new clients and enhance the digital presence of professional consultancies.

70
Performance
93
Accessibility
78
Best practices
100
SEO
View project — Arantxa & Jeannette Wedding
NextJsTypescriptReactTailwind

Arantxa & Jeannette Wedding

Wedding website developed with Next.js, Tailwind CSS, and TypeScript. Includes invitation and RSVP management, with responsive design and SEO optimization for special events.

100
Performance
92
Accessibility
100
Best practices
100
SEO
View project — Asociación Equilibrio
NextJsTypescriptReactTailwind

Asociación Equilibrio

Website for Asociación Equilibrio built with React.js, Tailwind CSS, and Firebase. Features form management and email automation, optimized for SEO and accessibility.

70
Performance
83
Accessibility
78
Best practices
100
SEO
View project — Advance Web
FirebaseTypescriptReactTailwind

Advance Web

Web tool developed in React, Redux, and Tailwind CSS to analyze and optimize website performance, accessibility, and SEO. Ideal for developers and businesses aiming to improve their online presence.

98
Performance
100
Accessibility
100
Best practices
100
SEO
View project — Amentibus Cultui Guild Website
FirebaseTypescriptReactTailwind

Amentibus Cultui Guild Website

Web platform for the World of Warcraft community, developed with React.js, Tailwind CSS, and Strapi. Integrates CMS, PostgreSQL database, and REST API, optimized for SEO and gaming user experience.

86
Performance
99
Accessibility
96
Best practices
100
SEO
View project — Investment Seeker
NextJsTypescriptReactTailwind

Investment Seeker

Web application built with React, TypeScript, and Tailwind CSS to search, compare, and analyze crypto investment funds. Includes investment calculator and responsive design, SEO-optimized for financial tools.

View project — Tokenomics
NextJsTypescriptReactTailwind

Tokenomics

Web tool developed in React, TypeScript, and Tailwind CSS to calculate and analyze token and cryptocurrency prices. Includes market cap analysis and SEO-optimized design.

Libraries

use-overflow-scroll

ReactReact

Custom hook that allows you to scroll an element when it overflows.

@raymardev/react-native-intersection-observer

React NativeReact Native

React Native library for detecting when elements enter or exit the viewport using intersection observer.

Methodology

01

Discovery

Business, goals and users. Scope and risks.

02

Design

Wireframes and UI; architecture, states and validations.

03

Development

Short iterations, unit tests and reusable components.

04

QA

Functional, accessibility and performance review (CWV).

05

Delivery

Automated deployment and production verification.

06

Maintenance

Continuous improvement, metrics and evolving roadmap.

FAQs

Do you include anti‑bots and authentication?
Yes, I integrate anti‑bots, rate‑limits and OAuth (Google, Apple, GitHub) when the project requires it, always prioritizing user experience.
How long does a typical project take?
Between 2 and 6 weeks depending on scope, integrations and content.
What stack do you use?
React, Next.js, TypeScript, Tailwind; Prisma, PostgreSQL; Vercel and CI/CD.
Do you offer maintenance?
Yes, support plans with improvements, monitoring and updates.

Shall we talk about your project?

Focus on performance, accessibility and security to drive business.