Develop

src/components/sections/ProjectsSection/ProjectsSection.css

@@ -98,15 +98,16 @@
   border-color: var(--color-primary-800);
 }
 
+
 .demo-link {
-  background: transparent;
+  background: var(--color-primary-900);
   color: var(--color-text-inverse);
-  border-color: var(--color-text-inverse);
+  border-color: var(--color-primary-900);
 }
 
 .demo-link:hover {
-  background: var(--color-text-inverse);
-  color: var(--color-accent-cyan);
+  background: var(--color-primary-800);
+  border-color: var(--color-primary-800);
 }
 
 .section-title {

src/components/sections/ProjectsSection/ProjectsSection.tsx

@@ -54,6 +54,16 @@ const ProjectsSection: React.FC = () => {
                   {t('projects.links.demo')}
                 </a>
               )}
+                {project.demo && (
+                  <a 
+                    href={project.demo} 
+                    target="_blank" 
+                    rel="noopener noreferrer"
+                    className="project-link demo-link"
+                  >
+                    {t('projects.links.demo')}
+                  </a>
+                )}
             </div>
           </div>
         ))}

src/contents/projects.ts

@@ -7,6 +7,7 @@ export interface Project {
   technologies: string[];
   link?: string;
   github?: string;
+  demo?: string;
   status: 'completed' | 'in-progress' | 'planned';
 }
 
@@ -27,27 +28,30 @@ export const getProjects = (t: TFunction): Project[] => [
     github: 'https://github.com/Mega-Barto/PR-Extractor',
     status: 'completed'
   },
+  {
+    id: '5',
+    title: 'Legendary Pokedex API',
+    description: t('projects.legendary_pokedex_api.description'),
+    technologies: ['Python', 'Flask', 'MySQL', 'PythonAnywhere'],
+    github: 'https://github.com/Mega-Barto/legendary-pokemon-api',
+    demo: 'https://megabarto.pythonanywhere.com/',
+    status: 'completed'
+  },
+  {
+    id: '6',
+    title: 'Chess games API',
+    description: t('projects.chess_api.description'),
+    technologies: ['Python', 'Django'],
+    status: 'completed',
+    github: 'https://github.com/Mega-Barto/Chess-Games-Api'
+  },
   {
     id: '3',
     title: t('projects.project2.title'),
     description: t('projects.project2.description'),
-    technologies: ['Node.js', 'Express', 'MongoDB'],
+    technologies: ['Next.JS', 'MongoDB'],
     status: 'planned'
   },
-  {
-    id: '4',
-    title: t('projects.project3.title'),
-    description: t('projects.project3.description'),
-    technologies: ['Python', 'Django', 'PostgreSQL'],
-    status: 'planned'
-  },
-  {
-    id: '5',
-    title: t('projects.legendary-pokedex.title'),
-    description: t('projects.legendary-pokedex.description'),
-    technologies: ['Flutter', 'Dart', 'Flask', 'Python'],
-    status: 'in-progress',
-  }
 ];
 
 // Función para obtener colores de estado

src/i18n/locales/en.json

@@ -87,14 +87,16 @@
       "title": "API Service",
       "description": "A robust REST API service with comprehensive documentation and scalable architecture."
     },
-    "legendary-pokedex": {
-      "title": "Legendary Pokedex",
-      "description": "A simple mobile application to search and view information about legendary Pokémon. Part of a learning project to master Flutter and briefly experiment with Flask."
-    },
     "pr-extractor": {
       "title": "PR Extractor",
       "description": "Desktop application built with Electron to extract Pull Requests from GitHub and generate professional billing statements in PDF format."
     },
+    "legendary_pokedex_api": {
+      "description": "A production-ready Flask REST API for managing legendary and mythical Pokémon data."
+    },
+    "chess_api": {
+      "description": "A REST API (first approach to Django Rest Framework) that allows storing detailed information about chess games, including players with their respective ELO and color in the game, moves, location, and date of the competition."
+    },
     "status": {
       "completed": "Completed",
       "in-progress": "In Progress",

src/i18n/locales/es.json

@@ -87,14 +87,16 @@
       "title": "Servicio API",
       "description": "Un servicio REST API robusto con documentación completa y arquitectura escalable."
     },
-    "legendary-pokedex": {
-      "title": "Legendary Pokedex",
-      "description": "Una aplicacion movil sencilla para buscar y visualizar información sobre Pokémon legendarios. Parte de un proyecto de aprendizaje para dominar Flutter y experimentar brevemente con Flask."
-    },
     "pr-extractor": {
       "title": "PR Extractor",
       "description": "Aplicación de escritorio construida con Electron para extraer Pull Requests de GitHub y generar cuentas de cobro profesionales en formato PDF."
     },
+    "legendary_pokedex_api": {
+      "description": "Una API REST de Flask lista para producción para gestionar datos de Pokémon legendarios y míticos."
+    },
+    "chess_api": {
+      "description": "Una API REST (primer acercamiento a Django Rest Framework) que permite almacenar información detallada sobre partidas de ajedrez, incluyendo jugadores con su respectivo ELO y color en la partida, jugadas, lugar y fecha de la competición."
+    },
     "status": {
       "completed": "Completado",
       "in-progress": "En Progreso",