Skip to content
View Fernandodg97's full-sized avatar
  • Barcelona
  • 20:26 (UTC +02:00)

Block or report Fernandodg97

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
Fernandodg97/README.md

👋 Hola, mi nombre es Fernando Diaz

Backend Developer · Java · Spring Boot · REST APIs | 7+ años en IT · Abierto a oportunidades fullstack

Desde pequeño, siempre me ha fascinado entender cómo funcionan las cosas a mi alrededor. Empecé desmontando juguetes, luego aparatos electrónicos, hasta que descubrí el mundo de los ordenadores y me enamoré del hardware. Esa curiosidad me llevó a estudiar informática y comenzar mi carrera profesional en el área de IT. Con el tiempo, redescubrí mi pasión, esta vez desde otra perspectiva: el desarrollo de software. Hoy soy programador y disfruto creando soluciones funcionales, eficientes y bien estructuradas. Me motiva aprender constantemente y participar en proyectos donde la tecnología tenga un impacto real. Aquí comparto proyectos personales, experimentos y aprendizajes. Siempre estoy buscando mejorar, colaborar y construir herramientas útiles.

Profile Views Badge Total Stars Followers

🧠 Mis Habilidades incluyen:


Lenguajes Frontend Backend Bases de Datos Testing Despliegue Herramientas Sistemas Operativos
HTML, CSS, JavaScript, TypeScript, Java, PHP, Python React 19, Vue 3, Ionic 8, Bootstrap, Tailwind CSS, Flowbite React, Thymeleaf, Twig, JavaFX 21, FXML, Leaflet, react-leaflet, ECharts, ApexCharts, Chart.js, Capacitor, React Router, Axios, Swiper Spring Boot 3, Spring Security + JWT, JPA/Hibernate, Spring Data Couchbase, Spring Validation, Swagger/OpenAPI, Jackson Databind, Apache HttpClient, Lombok MySQL, PostgreSQL, Couchbase, Supabase Vitest, Cypress, Selenium Docker, Apache, Netlify, Railway, Render, GitHub Pages VSCode, IntelliJ IDEA, Eclipse, Postman, Maven, Composer, Git, GitHub, Bash, Vite, JasperReports, Gettext Linux, Windows, macOS

🌟 Proyectos Destacados

🐾 Patitas Conectadas

Red social fullstack para dueños de mascotas, desarrollada como Proyecto Final de Grado (nota 9/10) y llevada a producción de forma autónoma tras la defensa. Permite publicar en un feed con imágenes y comentarios, gestionar mascotas, apuntarse a eventos, chatear y unirse a grupos. Backend con JWT y Swagger; frontend responsive con navegación adaptada a móvil y escritorio.

Tecnologías usadas:

Java 21, Spring Boot 3, Spring Security + JWT, JPA/Hibernate, PostgreSQL (Supabase), Cloudinary, Docker, React 19, TypeScript, Vite, Tailwind CSS

Demostración de Patitas Conectadas

👀 Ver Patitas Conectadas - Usuario: usuario@usuario.com · Contraseña: usuario · Los servicios pueden tardar ~30s en arrancar (plan gratuito de Render)
🔗 Ver código en GitHub
📄 Ver API (Swagger)

🎬 Cartelera+

SPA desplegada en producción que consume la TMDb API para mostrar cartelera de cine y series en emisión. Incluye búsqueda, filtros, paginación con React Query, diseño responsive con Tailwind CSS y disponibilidad por plataforma de streaming para cada título.

Tecnologías usadas:

React 19, TypeScript, Vite, React Router, Tailwind CSS, Flowbite React, TMDb API, Netlify

Demostración de Cartelera+

👀 Ver Cartelera+
🔗 Ver código en GitHub

🐦 Vuelo Amenazado

Web fullstack sobre aves en peligro de extinción del Reino Unido. Los datos se obtienen mediante scraping con Selenium y Python, se almacenan en MySQL y se sirven a través de una API REST propia. Incluye panel de administración, autenticación JWT, internacionalización español/inglés y gráficas interactivas. Desarrollado como práctica de DAW (Nota 10/10) y posteriormente mejorado y desplegado en producción de forma autónoma.

Tecnologías usadas:

PHP 8.2, MySQL (Aiven), Apache, Docker, Twig, Bootstrap, Chart.js, JWT, Render

Demostración de Vuelo Amenazado

👀 Ver Vuelo Amenazado - Usuario: user · Contraseña: user · El servicio puede tardar ~30-50s en arrancar (plan gratuito de Render)
🔗 Ver código en GitHub

🏥 Clínica Veterinaria

Aplicación web fullstack para la gestión de una clínica veterinaria: usuarios, mascotas y tratamientos. Backend con Spring Boot conectado a Couchbase como base de datos NoSQL documental, y frontend SPA en React + TypeScript. Incluye un dashboard con contadores en tiempo real de usuarios, mascotas y tratamientos recientes.

Tecnologías usadas:

Java 21, Spring Boot 3, Spring Data Couchbase, React, TypeScript, Vite, Axios, Docker, Couchbase Capella

Demostración de Clínica Veterinaria

👀 Ver Clínica Veterinaria - Los servicios pueden tardar ~30-50s en arrancar (plan gratuito de Render)
🔗 Ver código en GitHub
📄 Ver API (Swagger)

📊 Dashboard de Visualización de Datos

Dashboard interactivo construido con Vue 3, Ionic y TypeScript para monitorizar métricas de negocio y de operaciones técnicas en tiempo real. Integra tres librerías de gráficos (ECharts, ApexCharts y Chart.js), un mapa mundial interactivo y actualización de datos en vivo sin recargas de página.

Tecnologías usadas:

Vue 3, Ionic 8, TypeScript, Vite, ECharts, ApexCharts, Chart.js, Capacitor

Demostración de Dashboard de Visualización de Datos

👀 Ver Dashboard
🔗 Ver código en GitHub

🐕 Pet Care Manager

Aplicación móvil para el cuidado de mascotas construida con Ionic, Vue 3 y TypeScript, empaquetable en iOS/Android con Capacitor. Permite gestionar mascotas, actividad, historial médico y eventos, con diseño responsive real (carrusel en escritorio, lista apilada en móvil) y un mapa interactivo con Leaflet para seleccionar ubicaciones.

Tecnologías usadas:

Ionic 8, Vue 3, TypeScript, Vite, Capacitor, Leaflet

Demostración de Pet Care Manager

👀 Ver Pet Care Manager - Pulsa "Iniciar Sesión" sin rellenar los campos para entrar
🔗 Ver código en GitHub

🗺️ Estaciones Verdes

Aplicación frontend que localiza puntos de carga para vehículos eléctricos en cualquier ciudad del mundo. Combina geocodificación con Nominatim (OpenStreetMap) y la API de OpenChargeMap para mostrar estaciones sobre un mapa interactivo con filtros de distancia y número de resultados.

Tecnologías usadas:

React 19, TypeScript, Vite, Leaflet, react-leaflet, OpenChargeMap API, Nominatim API

Demostración de Estaciones Verdes

👀 Ver Estaciones Verdes
🔗 Ver código en GitHub

🎮 Fusiona Elements

Juego de tablero tipo Merge Puzzle donde el jugador genera elementos en los extremos de una cuadrícula 6x6 y los fusiona arrastrando piezas del mismo tipo y nivel para descubrir evoluciones. Todo el drag and drop está implementado con la API nativa HTML5, sin librerías externas de interacción.

Tecnologías usadas:

React 19, TypeScript, Vite, HTML5 Drag and Drop API

Demostración de Fusiona Elements

👀 Ver Fusiona Elements
🔗 Ver código en GitHub

🎮 Pokedex

Aplicación de escritorio desarrollada con Java 21 y JavaFX que consume la PokeAPI en tiempo real para explorar la Pokedex completa. La descarga de Pokemon se ejecuta en hilos de fondo con javafx.concurrent.Task para no bloquear la interfaz, y el JSON de la API se deserializa con Jackson sin necesidad de Spring. Incluye búsqueda por nombre, navegación Anterior/Siguiente y carga bajo demanda del catálogo completo.

Tecnologías usadas:

Java 21, JavaFX 21, FXML, Jackson Databind, Apache HttpClient, Maven

Demostración de Pokedex

🔗 Ver código en GitHub

🧲 Conecta conmigo:

Puedes encontrarme en LinkedIn o escribirme ferdiaz1997@gmail.com

📊 Mis Estadísticas:

Pinned Loading

  1. API-PatitasConectadas API-PatitasConectadas Public

    Java 1

  2. vueloamenazado.local vueloamenazado.local Public

    Esta práctica consiste en una página web dinámica en PHP la cual extrae los datos de www.rspb.org.uk utilizando scraping con Selenium.

    CSS 1

  3. Veterinario-Aplicacion-Web Veterinario-Aplicacion-Web Public

    TypeScript