Add React technology badge and new portfolio project for Costa Ártabra heritage map

3 files changed, 31 insertions, 0 deletions

diff --git a/src/components/TechnologyBadge.astro b/src/components/TechnologyBadge.astro
index 83d0d40..204bef6 100644
--- a/src/components/TechnologyBadge.astro
+++ b/src/components/TechnologyBadge.astro
@@ -80,6 +80,11 @@ export const technologies: { [key: string]: Technology } = {
     text: "dark",
     icon: "world",
   },
+  react: {
+    name: "React",
+    colour: "#087ea4",
+    icon: "brand-react",
+  }
 };
 
 interface Props {
diff --git a/src/data/portfolio/mapa-ferrol.mdx b/src/data/portfolio/mapa-ferrol.mdx
new file mode 100644
index 0000000..144ac62
--- /dev/null
+++ b/src/data/portfolio/mapa-ferrol.mdx
@@ -0,0 +1,18 @@
+---
+title: "Mapa de patrimonio da Costa Ártabra"
+description: "Desarrollo de una aplicación completa para el patrimonio cultural y militar de la Costa Ártabra."
+technologies: ["dotnet", "react", "mysql", "ubuntu"]
+onlineLink: "https://mapacostaartabramilitar.com"
+---
+
+Se desarrolló una aplicación web completa para la gestión del patrimonio cultural y militar de la Costa Ártabra, en Galicia, España. Esta aplicación permite a los usuarios explorar y descubrir el patrimonio de la región (Ferrol, Ares y Valdoviño) incluyendo las baterías militares, faros, iglesias, miradores, playas, etc.
+
+La aplicación está desarrollada con ASP.NET Core y React, utilizando una base de datos MySQL para almacenar la información del patrimonio y permitir al personal de la administración añadir, editar y eliminar elementos del patrimonio.
+
+Para la parte del frontend, se utilizó React con TypeScript, creando una interfaz de usuario intuitiva y fluida, adaptándose primordialmente a dispositivos móviles. Además, se implementó un mapa interactivo utilizando MapLibre y capas de OpenStreetMap (mapa base) y el PNOA (Satélite del IGN) para mostrar la ubicación de los elementos del patrimonio.
+
+La aplicación también incluye un sistema de rutas de senderismo, tanto proporcionadas por la administración como generadas a medida por los usuarios, permitiendo a los visitantes explorar la región a su manera.
+
+Una complejidad destacable fue hacer la aplicación rápida y fluida para el usuario, para garantizar la mejor experiencia posible al navegar por el patrimonio, sobre todo desde dispositivos móviles en redes móviles.
+
+Desarrollado en 2025 en colaboración con [Kendra](https://kendra.es/).
diff --git a/src/layouts/PortfolioPageLayout.astro b/src/layouts/PortfolioPageLayout.astro
index c9a0998..b894f9f 100644
--- a/src/layouts/PortfolioPageLayout.astro
+++ b/src/layouts/PortfolioPageLayout.astro
@@ -30,6 +30,14 @@ const schema = {
 
   <section>
     <PortfolioProject
+      title="Mapa patrimonial de la Costa Ártabra"
+      summary="Desarrollo de una aplicación completa para el patrimonio cultural y militar de la Costa Ártabra, con un sistema CMS para el personal de la administración y una aplicación web progresiva (PWA) para visualizar el mapa y planificar rutas."
+      tags={["dotnet", "react", "mysql", "ubuntu"]}
+      detailsLink="/portfolio/mapa-ferrol"
+      onlineLink="https://mapacostaartabramilitar.com"
+    />
+
+    <PortfolioProject
       title="Extractor de pedidos venta online"
       summary="Aplicación de escritorio que extrae los datos sobre los pedidos on-line de diversas plataformas (como WooCommerce, Amazon y Ebay)."
       tags={["java", "windows"]}