diff --git a/images/06_sequence-diagram.plantuml b/images/06_sequence-diagram.plantuml
new file mode 100644
index 0000000..bb57556
--- /dev/null
+++ b/images/06_sequence-diagram.plantuml
@@ -0,0 +1,21 @@
+@startuml Diagrama de secuencia plantuml
+actor usuario
+actor system
+actor juego
+database bbdd as "bbdd"
+usuario -> system: inicio sesión
+system --> usuario: pedir nombre/contraseña
+usuario -> system: dar nombre/contraseña
+system -> bbdd: verificar usuario
+bbdd --> system: verificación correcta
+system --> usuario: inicio sesión correcto
+usuario -> system: acceder al juego
+system -> juego: iniciar juego
+juego --> system: generar pregunta/respuestas
+system --> usuario: mostrar pregunta/respuestas
+usuario -> system: responder
+system -> juego: verificar respuesta
+juego --> system: respuesta correcta
+system --> usuario: correcta
+system -> juego: generar siguiente pregunta/respuestas
+@enduml
\ No newline at end of file
diff --git a/images/Building Block View.jpg b/images/Building Block View.jpg
new file mode 100644
index 0000000..d084643
Binary files /dev/null and b/images/Building Block View.jpg differ
diff --git a/images/Diagrama de casos de uso para el juego de palabras.jpg b/images/Diagrama de casos de uso para el juego de palabras.jpg
index d002bc2..0b340ad 100644
Binary files a/images/Diagrama de casos de uso para el juego de palabras.jpg and b/images/Diagrama de casos de uso para el juego de palabras.jpg differ
diff --git a/images/Diagrama de clases juego de preguntas.jpg b/images/Diagrama de clases juego de preguntas.jpg
new file mode 100644
index 0000000..407a109
Binary files /dev/null and b/images/Diagrama de clases juego de preguntas.jpg differ
diff --git a/images/Diagrama de contexto de negocio.jpg b/images/Diagrama de contexto de negocio.jpg
new file mode 100644
index 0000000..b9f1a6f
Binary files /dev/null and b/images/Diagrama de contexto de negocio.jpg differ
diff --git "a/images/Diagrama de contexto t\303\251cnico.jpg" "b/images/Diagrama de contexto t\303\251cnico.jpg"
new file mode 100644
index 0000000..7094f7b
Binary files /dev/null and "b/images/Diagrama de contexto t\303\251cnico.jpg" differ
diff --git a/images/Diagrama de secuencia plantuml.png b/images/Diagrama de secuencia plantuml.png
new file mode 100644
index 0000000..6734a72
Binary files /dev/null and b/images/Diagrama de secuencia plantuml.png differ
diff --git a/images/Sequence diagram.png b/images/Sequence diagram.png
deleted file mode 100644
index c5e1de8..0000000
Binary files a/images/Sequence diagram.png and /dev/null differ
diff --git a/images/Whitebox Overall System.jpg b/images/Whitebox Overall System.jpg
new file mode 100644
index 0000000..613a5db
Binary files /dev/null and b/images/Whitebox Overall System.jpg differ
diff --git a/index.html b/index.html
index 5bc201c..185fd02 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="generator" content="Asciidoctor 2.0.20">
-<title>Template</title>
+<title>Generador de preguntas</title>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
 <style>
 /*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
@@ -435,7 +435,7 @@
 </head>
 <body class="article">
 <div id="header">
-<h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> Template</h1>
+<h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> Generador de preguntas</h1>
 <div class="details">
 <span id="revnumber">version 8.2 EN,</span>
 <span id="revdate">January 2023</span>
@@ -444,60 +444,66 @@ <h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> T
 <div id="toc" class="toc">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#section-introduction-and-goals">1. Introducción y Ojetivos (wiq_es04c)</a>
+<li><a href="#section-introduction-and-goals">1. Introducción y Objetivos (wiq_es04c) 🎇</a>
 <ul class="sectlevel2">
-<li><a href="#_requisitos_funcionales">1.1. Requisitos Funcionales</a></li>
-<li><a href="#_atributos_de_calidad">1.2. Atributos de Calidad</a></li>
-<li><a href="#_stakeholders">1.3. Stakeholders</a></li>
+<li><a href="#_requisitos_funcionales_️">1.1. Requisitos Funcionales 🛠️</a></li>
+<li><a href="#_atributos_de_calidad">1.2. Atributos de Calidad 👑</a></li>
+<li><a href="#_stakeholders">1.3. Stakeholders 👨‍👩‍👦‍👦</a></li>
 </ul>
 </li>
-<li><a href="#section-architecture-constraints">2. Restricciones de arquitectura</a></li>
-<li><a href="#section-system-scope-and-context">3. System Scope and Context</a>
+<li><a href="#section-architecture-constraints">2. Restricciones de arquitectura ⛔</a></li>
+<li><a href="#section-system-scope-and-context">3. Alcance del sistema y Contexto 💭</a>
 <ul class="sectlevel2">
-<li><a href="#_contexto_de_negocio">3.1. Contexto de negocio</a></li>
-<li><a href="#_contexto_técnico">3.2. Contexto técnico</a></li>
+<li><a href="#_contexto_de_negocio">3.1. Contexto de negocio 💰</a></li>
+<li><a href="#_contexto_técnico">3.2. Contexto técnico 🔧</a></li>
 </ul>
 </li>
-<li><a href="#section-solution-strategy">4. Solution Strategy</a></li>
-<li><a href="#section-building-block-view">5. Building Block View  EN desarollo</a>
+<li><a href="#section-solution-strategy">4. Estrategia de Solución 📚</a>
 <ul class="sectlevel2">
-<li><a href="#_whitebox_overall_system">5.1. Whitebox Overall System</a></li>
-<li><a href="#_level_2">5.2. Level 2</a></li>
-<li><a href="#_level_3">5.3. Level 3</a></li>
+<li><a href="#_decisiones_tecnológicas">4.1. Decisiones tecnológicas 💻</a></li>
+<li><a href="#_decisiones_organizativas">4.2. Decisiones organizativas 👥</a></li>
 </ul>
 </li>
-<li><a href="#section-runtime-view">6. Runtime View</a>
+<li><a href="#section-building-block-view">5. Vista de Bloque de Construcción  (EN desarollo) 🗳️</a>
 <ul class="sectlevel2">
-<li><a href="#_runtime_scenario_1">6.1. &lt;Runtime Scenario 1&gt;</a></li>
-<li><a href="#_runtime_scenario_2">6.2. &lt;Runtime Scenario 2&gt;</a></li>
-<li><a href="#_runtime_scenario_3">6.3. &lt;Runtime Scenario 3&gt;</a></li>
+<li><a href="#_sistema_general_de_caja_blanca">5.1. Sistema general de caja blanca 📏</a></li>
+<li><a href="#_loggin">5.2. &lt;Loggin&gt;</a></li>
+<li><a href="#_level_2">5.3. Level 2</a></li>
+<li><a href="#_level_3_en_desarrollo">5.4. Level 3 En desarrollo.</a></li>
 </ul>
 </li>
-<li><a href="#section-deployment-view">7. Deployment View</a>
+<li><a href="#section-runtime-view">6. Vista de Ejecución 📽️</a>
 <ul class="sectlevel2">
-<li><a href="#_infrastructure_level_1">7.1. Infrastructure Level 1</a></li>
-<li><a href="#_infrastructure_level_2">7.2. Infrastructure Level 2</a></li>
+<li><a href="#_escenario_de_ejecucion1️⃣">6.1. Escenario de Ejecucion1️⃣</a></li>
+<li><a href="#_escenario_de_ejecucion2️⃣">6.2. Escenario de Ejecucion2️⃣</a></li>
+<li><a href="#_escenario_de_ejecucion3️⃣">6.3. Escenario de Ejecucion3️⃣</a></li>
 </ul>
 </li>
-<li><a href="#section-concepts">8. Conceptos Transversales</a>
+<li><a href="#section-deployment-view">7. Vista de Despliegue 👀</a>
 <ul class="sectlevel2">
-<li><a href="#_modelo_de_dominio">8.1. Modelo de Dominio</a></li>
-<li><a href="#_experiencia_de_usuario">8.2. Experiencia de Usuario</a></li>
-<li><a href="#_seguridad">8.3. Seguridad</a></li>
-<li><a href="#_arquitectura_y_patrones_de_diseño">8.4. Arquitectura y Patrones de Diseño</a></li>
-<li><a href="#_desarrollo">8.5. Desarrollo</a></li>
-<li><a href="#_operaciones">8.6. Operaciones</a></li>
+<li><a href="#_infraestructura_nivel_1_️">7.1. Infraestructura Nivel 1 ☝️</a></li>
+<li><a href="#_infrastructure_level_2_️">7.2. Infrastructure Level 2 ☝️</a></li>
 </ul>
 </li>
-<li><a href="#section-design-decisions">9. Decisiones de Arquitectura</a></li>
+<li><a href="#section-concepts">8. Conceptos Transversales 🧭</a>
+<ul class="sectlevel2">
+<li><a href="#_modelo_de_dominio_️">8.1. Modelo de Dominio 🗺️</a></li>
+<li><a href="#_experiencia_de_usuario">8.2. Experiencia de Usuario 👨‍🦰</a></li>
+<li><a href="#_seguridad">8.3. Seguridad 🔒</a></li>
+<li><a href="#_arquitectura_y_patrones_de_diseño">8.4. Arquitectura y Patrones de Diseño 📒</a></li>
+<li><a href="#_desarrollo_️">8.5. Desarrollo ⚙️</a></li>
+<li><a href="#_operaciones">8.6. Operaciones 🔢</a></li>
+</ul>
+</li>
+<li><a href="#section-design-decisions">9. Decisiones de Arquitectura 🗣️</a></li>
 <li><a href="#section-quality-scenarios">10. Requisitos de Calidad 🌟</a>
 <ul class="sectlevel2">
 <li><a href="#_árbol_de_calidad">10.1. Árbol de Calidad 🌳</a></li>
-<li><a href="#_escenarios_de_calidad">10.2. Escenarios de Calidad</a></li>
+<li><a href="#_escenarios_de_calidad_️">10.2. Escenarios de Calidad 🕹️</a></li>
 </ul>
 </li>
-<li><a href="#section-technical-risks">11. Risks and Technical Debts 🚀</a></li>
-<li><a href="#section-glossary">12. Glossary</a></li>
+<li><a href="#section-technical-risks">11. Riesgos y Deuda Técnina 🚀</a></li>
+<li><a href="#section-glossary">12. Glosario ⁉️</a></li>
 </ul>
 </div>
 </div>
@@ -527,61 +533,41 @@ <h1><span class="image"><img src="./images/arc42-logo.png" alt="arc42"></span> T
 See <a href="https://arc42.org" class="bare">https://arc42.org</a>.</p>
 </div>
 <hr>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="admonitionblock note">
-<table>
-<tr>
-<td class="icon">
-<div class="title">Note</div>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>This version of the template contains some help and explanations.
-It is used for familiarization with arc42 and the understanding of the concepts.
-For documentation of your own system you use better the <em>plain</em> version.</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-</div>
-</div>
 <div style="page-break-after: always;"></div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-introduction-and-goals">1. Introducción y Ojetivos (wiq_es04c)</h2>
+<h2 id="section-introduction-and-goals">1. Introducción y Objetivos (wiq_es04c) 🎇</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>nombre_del_proyecto es un proyecto desarrollado en la asignatura  Arquitectura del Software. Consiste en la creacion de una aplicacion web al estilo "Saber y Ganar". Es decir, es un juego de preguntas de cultura general.</p>
+<p>El proyecto de wiq_es04c es un proyecto desarrollado en la asignatura Arquitectura del Software. Consiste en la creación de una aplicación web al estilo "Saber y Ganar". Es decir, es un juego de preguntas de cultura general.</p>
 </div>
 <div class="paragraph">
 <p>Los desarrolladores de la aplicacion son por David Álvarez Díaz, Zohaib Akhtar Kausar, Sara Lamuño García, Yago Navajas González y Santiago López Laso.</p>
 </div>
 <div class="paragraph">
-<p>La aplicacion tendra su base para las preguntas y las respuestas en Wikidata , la base de conocimiento editada en colaboracion.</p>
+<p>La aplicación tendrá su base para las preguntas y las respuestas en Wikidata, la base de conocimiento editada en colaboración.</p>
 </div>
 <div class="sect2">
-<h3 id="_requisitos_funcionales">1.1. Requisitos Funcionales</h3>
+<h3 id="_requisitos_funcionales_️">1.1. Requisitos Funcionales 🛠️</h3>
 <div class="sidebarblock">
 <div class="content">
 <div class="ulist">
 <ul>
 <li>
-<p>Los usuarios se deberan loggear en la pagina, esto servira para tener registro de unas serie de parametros, como puede ser las veces que se ha jugado.</p>
+<p>Los usuarios se deberán loggearse en la página; esto servirá para tener registro de una serie de parámetros, como puede ser las veces que se ha jugado.</p>
 </li>
 <li>
-<p>Se podran responder preguntas autogeneradas y ver si han acertado fallado asi como la respuesta correcta.</p>
+<p>Se podrán responder preguntas autogeneradas y se verá si han acertado o fallado, así como la respuesta correcta.</p>
 </li>
 <li>
-<p>Las preguntas deberan ser respondidas en un tiempo limite.</p>
+<p>Las preguntas deberán ser respondidas en un tiempo límite.</p>
 </li>
 <li>
-<p>Las preguntas seran seguiran la misma estructura: 1 pregunta correcta y 3 incorrectas, generadas automaticamente.</p>
+<p>Las preguntas seguirán la misma estructura: 1 pregunta correcta y 3 incorrectas, generadas automáticamente.</p>
 </li>
 <li>
-<p>Los usuarios prodran consultar datos sobre su cuentan, como pueden ser las veces que han jugado o el numero de preguntas que han acertadoo fallado.</p>
+<p>Los usuarios podrán consultar datos sobre su cuentas, como pueden ser las veces que han jugado o el número de preguntas que han acertado o fallado.</p>
 </li>
 </ul>
 </div>
@@ -589,7 +575,7 @@ <h3 id="_requisitos_funcionales">1.1. Requisitos Funcionales</h3>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_atributos_de_calidad">1.2. Atributos de Calidad</h3>
+<h3 id="_atributos_de_calidad">1.2. Atributos de Calidad 👑</h3>
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
 <col style="width: 20%;">
@@ -600,40 +586,40 @@ <h3 id="_atributos_de_calidad">1.2. Atributos de Calidad</h3>
 <tr>
 <th class="tableblock halign-left valign-top">Prioridad</th>
 <th class="tableblock halign-left valign-top">Objetivo</th>
-<th class="tableblock halign-left valign-top">Descripcion</th>
+<th class="tableblock halign-left valign-top">Descripción</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Usabilidad</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Todos los usuarios deben poder usar la aplicacion sin tener en cuenta sus limitaciones.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Todos los usuarios deben poder usar la aplicación sin tener en cuenta sus limitaciones.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">2</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Privacidad</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Los datos sensibles de los usuarios deben estar restingidos al mismo usuario.</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">3</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Mantenibilidad</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">El código y documentación de la aplicación ha de estar conformado de tal forma que sea factible hacer cambios y ampliaciones en la aplicación.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">4</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">3</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Eficiciencia</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Los tiempos entre operaciones han de ser asumibles.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">5</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">4</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Fiabilidad</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Los datos usados en la aplicación deben ser los correctos.</p></td>
 </tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">5</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Privacidad</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Los datos sensibles de los usuarios deben estar restringidos al mismo usuario.</p></td>
+</tr>
 </tbody>
 </table>
 </div>
 <div class="sect2">
-<h3 id="_stakeholders">1.3. Stakeholders</h3>
+<h3 id="_stakeholders">1.3. Stakeholders 👨‍👩‍👦‍👦</h3>
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
 <col style="width: 20%;">
@@ -655,12 +641,27 @@ <h3 id="_stakeholders">1.3. Stakeholders</h3>
 Zohaib Akhtar Kausar &#8594; <a href="mailto:UO291060@uniovi.es">UO291060@uniovi.es</a><br>
 Sara Lamuño García &#8594; <a href="mailto:UO283706@uniovi.es">UO283706@uniovi.es</a><br>
 Santiago Lopez Laso &#8594; <a href="mailto:UO277369@uniovi.es">UO277369@uniovi.es</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Los estudiantes que llevarán a cabo el desarrollo de la aplicación. Seran los encargados de la arquitectura, la documentación y la codificación.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Los estudiantes que llevarán a cabo el desarrollo de la aplicación. Serán los encargados de la arquitectura, la documentación y la codificación.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Profesores</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="mailto:labra@uniovi.es">labra@uniovi.es</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Supervisores de los avances y encargados de evaluar la aplicacion final y el desarrollo de la misma.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Jose Emilio Labra Gayo</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Supervisores de los avances y encargados de evaluar la aplicación final y el desarrollo de la misma.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Usuario</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Jugador de la aplicación</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Personas que puedan interactuar tanto con el registro de usuarios como con el juego en sí y pueda completar correctamente una partida.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">HappySw</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Empresa responsable</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Empresa contratada, cuyo trabajo sera el desarrollo del juego de la mano del equipo de desarrollo.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">RTVE</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Empleador</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Interesados en la creacion del juego e impulsores de su creacion.</p></td>
 </tr>
 </tbody>
 </table>
@@ -669,10 +670,12 @@ <h3 id="_stakeholders">1.3. Stakeholders</h3>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-architecture-constraints">2. Restricciones de arquitectura</h2>
+<h2 id="section-architecture-constraints">2. Restricciones de arquitectura ⛔</h2>
 <div class="sectionbody">
+<div class="paragraph">
+<p>Restricciones</p>
+</div>
 <table class="tableblock frame-all grid-all stretch">
-<caption class="title">Table 1. Restricciones</caption>
 <colgroup>
 <col style="width: 33.3333%;">
 <col style="width: 66.6667%;">
@@ -686,7 +689,7 @@ <h2 id="section-architecture-constraints">2. Restricciones de arquitectura</h2>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Wikidata</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Se usará la API de WIkidata para generar las preguntas automáticamente.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Se usará la API de Wikidata para generar las preguntas automáticamente.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Git</p></td>
@@ -702,10 +705,15 @@ <h2 id="section-architecture-constraints">2. Restricciones de arquitectura</h2>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-system-scope-and-context">3. System Scope and Context</h2>
+<h2 id="section-system-scope-and-context">3. Alcance del sistema y Contexto 💭</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_contexto_de_negocio">3.1. Contexto de negocio</h3>
+<h3 id="_contexto_de_negocio">3.1. Contexto de negocio 💰</h3>
+<div class="imageblock">
+<div class="content">
+<img src="./images/Diagrama%20de%20contexto%20de%20negocio.jpg" alt="Diagrama de contexto de negocio">
+</div>
+</div>
 <div class="paragraph">
 <p>En esta tabla se muestra el contexto de negocio de la aplicación. Las entradas son los mensajes que van desde el agente externo hacia la aplicación, y las salidas son los mensajes que van desde la aplicación hacia al agente externo.</p>
 </div>
@@ -730,17 +738,17 @@ <h3 id="_contexto_de_negocio">3.1. Contexto de negocio</h3>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Wikidata</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Ítems(elementos) de Wikidata</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Items (elementos) de Wikidata</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Petición a la API de Wikidata</p></td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="sect2">
-<h3 id="_contexto_técnico">3.2. Contexto técnico</h3>
+<h3 id="_contexto_técnico">3.2. Contexto técnico 🔧</h3>
 <div class="imageblock">
 <div class="content">
-<img src="./images/diagrama_contexto_tecnico.drawio.png" alt="Diagrama de contexto técnico">
+<img src="./images/Diagrama%20de%20contexto%20técnico.jpg" alt="Diagrama de contexto técnico">
 </div>
 </div>
 <div style="page-break-after: always;"></div>
@@ -748,50 +756,10 @@ <h3 id="_contexto_técnico">3.2. Contexto técnico</h3>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-solution-strategy">4. Solution Strategy</h2>
+<h2 id="section-solution-strategy">4. Estrategia de Solución 📚</h2>
 <div class="sectionbody">
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<div class="title">Contents</div>
-<p>A short summary and explanation of the fundamental decisions and solution strategies, that shape system architecture. It includes</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>technology decisions</p>
-</li>
-<li>
-<p>decisions about the top-level decomposition of the system, e.g. usage of an architectural pattern or design pattern</p>
-</li>
-<li>
-<p>decisions on how to achieve key quality goals</p>
-</li>
-<li>
-<p>relevant organizational decisions, e.g. selecting a development process or delegating certain tasks to third parties.</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<div class="title">Motivation</div>
-<p>These decisions form the cornerstones for your architecture. They are the foundation for many other detailed decisions or implementation rules.</p>
-</div>
-<div class="paragraph">
-<div class="title">Form</div>
-<p>Keep the explanations of such key decisions short.</p>
-</div>
-<div class="paragraph">
-<p>Motivate what was decided and why it was decided that way,
-based upon problem statement, quality goals and key constraints.
-Refer to details in the following sections.</p>
-</div>
-</div>
-</div>
-<div class="sidebarblock">
-<div class="content">
-<div class="paragraph">
-<p>Decisiones tecnológicas</p>
-</div>
+<div class="sect2">
+<h3 id="_decisiones_tecnológicas">4.1. Decisiones tecnológicas 💻</h3>
 <div class="paragraph">
 <p>Hemos decidido realizar la parte de Front-End con React y la parte de Back-End con la estructura de los microservicios.
 El despliegue se realizará a través de una máquina virtual de Azure, con ayuda de Docker y GitHub Actions.</p>
@@ -842,46 +810,64 @@ <h2 id="section-solution-strategy">4. Solution Strategy</h2>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top">Usabilidad</th>
-<th class="tableblock halign-left valign-top"></th>
+<th class="tableblock halign-left valign-top">Decision</th>
+<th class="tableblock halign-left valign-top">Como llegar</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Privacidad</p></td>
-<td class="tableblock halign-left valign-top"></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Usabilidad</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicacion seguira los principios basicos de usabilidad y estos seran testeados en diferentes escenarios.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Mantenibilidad</p></td>
-<td class="tableblock halign-left valign-top"></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">El sistema sera mantenible gracias a la mantenibilidad de sus subsistemas.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Eficiciencia</p></td>
-<td class="tableblock halign-left valign-top"></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Para que la aplicacion sea rapida se usaran la base de datos y no se tendran que generar datos en caliente que pueden perjudicar a los tiempo de carga.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Fiabilidad</p></td>
-<td class="tableblock halign-left valign-top"></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Todos los datos mostrados seran correctos y para esta comprobacion se usara la base de datos de Wikidata y sus entidades e ID&#8217;s asociados.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Privacidad</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Los datos de los usuarios seran privados y no seran accesibles a ningun usuario.</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p>Decisiones organizativas</p>
 </div>
+<div class="sect2">
+<h3 id="_decisiones_organizativas">4.2. Decisiones organizativas 👥</h3>
 <div class="paragraph">
 <p>En la primera semana nos hemos dividido en dos equipos con el objetivo de tocar todas las partes del proyecto. La estructura de los equipos es la siguiente:</p>
 </div>
-<div class="listingblock">
-<div class="content">
-<pre>-&gt; Equipo documentación
-     Sara Lamuño García -&gt; UO283706@uniovi.es
-     Yago Navajas Gonzalez -&gt; UO287746@uniovi.es
--&gt; Equipo desarrollo del proyecto
-     David Álvarez Díaz -&gt; UO283196@uniovi.es
-     Zohaib Akhtar Kausar -&gt; UO291060@uniovi.es
-     Santiago Lopez Laso -&gt; UO277369@uniovi.es</pre>
-</div>
-</div>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 33.3333%;">
+<col style="width: 66.6667%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Equipo</th>
+<th class="tableblock halign-left valign-top">Miembros</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Equipo documentación</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Sara Lamuño García &#8594; <a href="mailto:UO283706@uniovi.es">UO283706@uniovi.es</a>
+     Yago Navajas Gonzalez &#8594; <a href="mailto:UO287746@uniovi.es">UO287746@uniovi.es</a></p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Equipo desarrollo del proyecto</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">David Álvarez Díaz &#8594; <a href="mailto:UO283196@uniovi.es">UO283196@uniovi.es</a>
+     Zohaib Akhtar Kausar &#8594; <a href="mailto:UO291060@uniovi.es">UO291060@uniovi.es</a>
+     Santiago Lopez Laso &#8594; <a href="mailto:UO277369@uniovi.es">UO277369@uniovi.es</a></p></td>
+</tr>
+</tbody>
+</table>
 <div class="paragraph">
 <p>La realización de las actas de las reuniones diarias se le ha asignado la tarea a Sara Lamuño García.</p>
 </div>
@@ -932,110 +918,57 @@ <h2 id="section-solution-strategy">4. Solution Strategy</h2>
 <p>En cuanto al despliegue de la aplicación se van a arreglar los errores que salen en los test al intentar desplegarla, ya que se han cambiado
 algunos valores predefinidos, por lo que los test también predefinidos fallarán.</p>
 </div>
-<div class="paragraph">
-<div class="title">Further Information</div>
-<p>See <a href="https://docs.arc42.org/section-4/">Solution Strategy</a> in the arc42 documentation.</p>
-</div>
-</div>
-</div>
 <div style="page-break-after: always;"></div>
 </div>
 </div>
+</div>
 <div class="sect1">
-<h2 id="section-building-block-view">5. Building Block View  EN desarollo</h2>
+<h2 id="section-building-block-view">5. Vista de Bloque de Construcción  (EN desarollo) 🗳️</h2>
 <div class="sectionbody">
 <div class="imageblock">
 <div class="content">
-<img src="./images/whiteBoxGeneral.png" alt="whiteBoxGeneral">
-</div>
-</div>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<div class="title">Content</div>
-<p>The building block view shows the static decomposition of the system into building blocks (modules, components, subsystems, classes, interfaces, packages, libraries, frameworks, layers, partitions, tiers, functions, macros, operations, data structures, &#8230;&#8203;) as well as their dependencies (relationships, associations, &#8230;&#8203;)</p>
-</div>
-<div class="paragraph">
-<p>This view is mandatory for every architecture documentation.
-In analogy to a house this is the <em>floor plan</em>.</p>
-</div>
-<div class="paragraph">
-<div class="title">Motivation</div>
-<p>Maintain an overview of your source code by making its structure understandable through
-abstraction.</p>
-</div>
-<div class="paragraph">
-<p>This allows you to communicate with your stakeholder on an abstract level without disclosing implementation details.</p>
-</div>
-<div class="paragraph">
-<div class="title">Form</div>
-<p>The building block view is a hierarchical collection of black boxes and white boxes
-(see figure below) and their descriptions.</p>
-</div>
-<div class="imageblock">
-<div class="content">
-<img src="./images/05_building_blocks-EN.png" alt="Hierarchy of building blocks">
+<img src="./images/Building%20Block%20View.jpg" alt="Building Block View">
 </div>
 </div>
+<div class="sect2">
+<h3 id="_sistema_general_de_caja_blanca">5.1. Sistema general de caja blanca 📏</h3>
 <div class="paragraph">
-<p><strong>Level 1</strong> is the white box description of the overall system together with black
-box descriptions of all contained building blocks.</p>
-</div>
-<div class="paragraph">
-<p><strong>Level 2</strong> zooms into some building blocks of level 1.
-Thus it contains the white box description of selected building blocks of level 1, together with black box descriptions of their internal building blocks.</p>
-</div>
-<div class="paragraph">
-<p><strong>Level 3</strong> zooms into selected building blocks of level 2, and so on.</p>
-</div>
-<div class="paragraph">
-<div class="title">Further Information</div>
-<p>See <a href="https://docs.arc42.org/section-5/">Building Block View</a> in the arc42 documentation.</p>
+<p>Este diagrama del sistema general muestra una descripción del sistema con los componentes básicos.</p>
 </div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_whitebox_overall_system">5.1. Whitebox Overall System</h3>
 <div class="imageblock">
 <div class="content">
-<img src="./images/whiteLevel1.png" alt="whiteLevel1">
+<img src="./images/Whitebox%20Overall%20System.jpg" alt="Whitebox Overall System">
 </div>
 </div>
-<div class="dlist arc42help">
+<div class="dlist">
 <dl>
-<dt class="hdlist1">Motivation</dt>
-<dd>
-<p>Este diagrama del sistema general muestra una descrpicion del sistema con los componentes basicos</p>
-</dd>
-<dt class="hdlist1">Contained Building Blocks</dt>
+<dt class="hdlist1">Bloques de Construcción Contenidos</dt>
 <dd>
+<div class="ulist">
+<ul>
+<li>
 <p>User Interface (Frontend)</p>
-</dd>
-</dl>
-</div>
-<div class="paragraph">
+</li>
+<li>
 <p>Logica de Negocio(Backend)</p>
-</div>
-<div class="paragraph">
+</li>
+<li>
 <p>Base datos</p>
-</div>
-<div class="paragraph">
+</li>
+<li>
 <p>API Preguntas</p>
+</li>
+</ul>
 </div>
-<div class="dlist">
-<dl>
-<dt class="hdlist1">Important Interfaces</dt>
+</dd>
+<dt class="hdlist1">Interfaces Importantes</dt>
+<dd>
+<p>EN DESARROLLO.</p>
+</dd>
 </dl>
 </div>
-<div class="sidebarblock">
-<div class="content">
-<div class="paragraph">
-<p>Insert your explanations of black boxes from level 1:</p>
-</div>
-<div class="paragraph">
-<p>If you use tabular form you will only describe your black boxes with name and
-responsibility according to the following schema:</p>
-</div>
+<div class="sect3">
+<h4 id="_interfaz_gráfica">5.1.1. &lt;Interfaz Gráfica&gt;</h4>
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
 <col style="width: 33.3333%;">
@@ -1043,195 +976,107 @@ <h3 id="_whitebox_overall_system">5.1. Whitebox Overall System</h3>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Name</strong></th>
-<th class="tableblock halign-left valign-top"><strong>Responsibility</strong></th>
+<th class="tableblock halign-left valign-top">UI</th>
+<th class="tableblock halign-left valign-top">Descripción</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>&lt;black box 1&gt;</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"> <em>&lt;Text&gt;</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Proposito / Responsabilidad</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">La Interfaz de Usuario (UI) - Black Box 1 es responsable de proporcionar una interfaz interactiva y amigable para los usuarios finales. Sirve como el punto principal de interacción entre la aplicación y los usuarios, y facilita la experiencia general del usuario.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>&lt;black box 2&gt;</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"> <em>&lt;Text&gt;</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Interface(s)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Interfaz de Entrada del Usuario: Acepta la entrada del usuario a través de varios controles, como botones, formularios y campos de entrada.
+Interfaz de Visualización: Renderiza y muestra información al usuario, incluyendo datos, mensajes y elementos visuales.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Caracteristicas de Calidad / Rendimiento</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Capacidad de Respuesta: La UI debe responder de manera rápida a las interacciones del usuario para garantizar una experiencia fluida y eficiente.
+Accesibilidad: Adhiere a los estándares de accesibilidad para proporcionar una experiencia inclusiva para los usuarios.</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p>If you use a list of black box descriptions then you fill in a separate black box template for every important building block .
-Its headline is the name of the black box.</p>
-</div>
-</div>
-</div>
-<div class="sect3">
-<h4 id="_interfaz_grafica">5.1.1. &lt;Interfaz Grafica&gt;</h4>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>Here you describe &lt;black box 1&gt;
-according the the following black box template:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>Purpose/Responsibility</p>
-</li>
-<li>
-<p>Interface(s), when they are not extracted as separate paragraphs. This interfaces may include qualities and performance characteristics.</p>
-</li>
-<li>
-<p>(Optional) Quality-/Performance characteristics of the black box, e.g.availability, run time behavior, &#8230;&#8203;.</p>
-</li>
-<li>
-<p>(Optional) directory/file location</p>
-</li>
-<li>
-<p>(Optional) Fulfilled requirements (if you need traceability to requirements).</p>
-</li>
-<li>
-<p>(Optional) Open issues/problems/risks</p>
-</li>
-</ul>
-</div>
 </div>
 </div>
+<div class="sect2">
+<h3 id="_loggin">5.2. &lt;Loggin&gt;</h3>
 <div class="paragraph">
-<p><em>&lt;Purpose/Responsibility&gt;</em>
-La Interfaz de Usuario (UI) - Black Box 1 es responsable de proporcionar una interfaz interactiva y amigable para los usuarios finales. Sirve como el punto principal de interacción entre la aplicación y los usuarios, y facilita  la experiencia general del usuario.
-<em>&lt;Interface(s)&gt;</em>
-Interfaz de Entrada del Usuario: Acepta la entrada del usuario a través de varios controles, como botones, formularios y campos de entrada.
-Interfaz de Visualización: Renderiza y muestra información al usuario, incluyendo datos, mensajes y elementos visuales.
-<em>&lt;Quality/Performance Characteristics&gt;</em>
-Capacidad de Respuesta: La UI debe responder de manera rápida a las interacciones del usuario para garantizar una experiencia fluida y eficiente.
-Accesibilidad: Adhiere a los estándares de accesibilidad para proporcionar una experiencia inclusiva para los usuarios.</p>
-</div>
+<p>Su función principal es permitir el acceso a los usuarios a la aplicación , y guardar los resultados de estos.</p>
 </div>
 <div class="sect3">
-<h4 id="_loggin">5.1.2. &lt;Loggin&gt;</h4>
+<h4 id="_api_de_preguntas">5.2.1. &lt;Api de preguntas&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;Purpose/Responsibility&gt;</em></p>
+<p>Su propósito es proporcionar preguntas de manera dinámica al usuario.</p>
 </div>
 <div class="paragraph">
-<p>Su función principal es permitir el acceso a los usuarios a la aplicacion , y guardar los resultados de estos.</p>
-</div>
-<div class="paragraph">
-<p><em>&lt;black box template&gt;</em></p>
+<p>EN DESARROLLO.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_api_de_preguntas">5.1.3. &lt;Api de preguntas&gt;</h4>
+<h4 id="_lógica_de_negocio">5.2.2. &lt;Lógica de negocio &gt;</h4>
 <div class="paragraph">
-<p><em>&lt;Purpose/Responsibility&gt;</em>
-Su proposito es proporcionar preguntas de manera dinamica al usuario.</p>
+<p>Se encargará de gestionar toda la programación necesaria de cara a la lógica.</p>
 </div>
 <div class="paragraph">
-<p><em>&lt;black box template&gt;</em></p>
+<p>EN DESARROLLO.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_logica_de_negocio">5.1.4. &lt;Logica de negocio &gt;</h4>
+<h4 id="_base_de_datos">5.2.3. &lt;Base de datos&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;Purpose/Responsibility&gt;</em>
-Se encargara de gestionar toda la programacion necesaria de cara a la logica</p>
-</div>
+<p>Dará almacenamiento al sistema de manera persistente y a los récords de los usuarios.</p>
 </div>
-<div class="sect3">
-<h4 id="_base_de_datos">5.1.5. &lt;Base de datos&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;Purpose/Responsibility&gt;</em>
-Dara almacenamiento al sistema de manera persistente y a los records de los usuarios.</p>
+<p>EN DESARROLLO.</p>
 </div>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_level_2">5.2. Level 2</h3>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>Here you can specify the inner structure of (some) building blocks from level 1 as white boxes.</p>
-</div>
-<div class="paragraph">
-<p>You have to decide which building blocks of your system are important enough to justify such a detailed description.
-Please prefer relevance over completeness. Specify important, surprising, risky, complex or volatile building blocks.
-Leave out normal, simple, boring or standardized parts of your system</p>
-</div>
-</div>
-</div>
+<h3 id="_level_2">5.3. Level 2</h3>
 <div class="sect3">
-<h4 id="_white_box_interfaz_de_usuario">5.2.1. White Box <em>&lt;Interfaz de usuario&gt;</em></h4>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>&#8230;&#8203;describes the internal structure of <em>building block 1</em>.</p>
-</div>
-</div>
-</div>
-<div class="paragraph">
-<p><em>&lt;white box Interfaz Usuario&gt;</em>
-image::uiLevel2.png[]
-==== White Box <em>&lt;Login&gt;</em></p>
-</div>
-<div class="imageblock">
-<div class="content">
-<img src="./images/loginLevel2.png" alt="loginLevel2">
-</div>
-</div>
+<h4 id="_white_box_interfaz_de_usuario">5.3.1. White Box <em>&lt;Interfaz de usuario&gt;</em></h4>
 <div class="paragraph">
-<p>&#8230;&#8203;</p>
+<p>En desarollo.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_white_box_api_preguntas">5.2.2. White Box <em>&lt;Api preguntas&gt;</em></h4>
+<h4 id="_white_box_login">5.3.2. White Box <em>&lt;Login&gt;</em></h4>
 <div class="paragraph">
-<p>En desarollo</p>
+<p>En desarollo.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_white_box_logica_de_negocio">5.2.3. White Box <em>&lt;Logica de negocio &gt;</em></h4>
-<div class="imageblock">
-<div class="content">
-<img src="./images/bdLevel2.png" alt="bdLevel2">
-</div>
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_level_3">5.3. Level 3</h3>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>Here you can specify the inner structure of (some) building blocks from level 2 as white boxes.</p>
-</div>
+<h4 id="_white_box_api_preguntas">5.3.3. White Box <em>&lt;Api preguntas&gt;</em></h4>
 <div class="paragraph">
-<p>When you need more detailed levels of your architecture please copy this
-part of arc42 for additional levels.</p>
-</div>
+<p>En desarollo.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_white_box_building_block_x_1">5.3.1. White Box &lt;_building block x.1_&gt;</h4>
-<div class="sidebarblock arc42help">
-<div class="content">
+<h4 id="_white_box_logica_de_negocio">5.3.4. White Box <em>&lt;Logica de negocio &gt;</em></h4>
 <div class="paragraph">
-<p>Specifies the internal structure of <em>building block x.1</em>.</p>
+<p>En desarollo.</p>
 </div>
 </div>
 </div>
+<div class="sect2">
+<h3 id="_level_3_en_desarrollo">5.4. Level 3 En desarrollo.</h3>
+<div class="sect3">
+<h4 id="_white_box_building_block_x_1">5.4.1. White Box &lt;_building block x.1_&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;white box template&gt;</em></p>
+<p>En desarollo.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_white_box_building_block_x_2">5.3.2. White Box &lt;_building block x.2_&gt;</h4>
+<h4 id="_white_box_building_block_x_2">5.4.2. White Box &lt;_building block x.2_&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;white box template&gt;</em></p>
+<p>En desarollo.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_white_box_building_block_y_1">5.3.3. White Box &lt;_building block y.1_&gt;</h4>
+<h4 id="_white_box_building_block_y_1">5.4.3. White Box &lt;_building block y.1_&gt;</h4>
 <div class="paragraph">
-<p><em>&lt;white box template&gt;</em></p>
+<p>En desarollo.</p>
 </div>
 <div style="page-break-after: always;"></div>
 </div>
@@ -1239,149 +1084,85 @@ <h4 id="_white_box_building_block_y_1">5.3.3. White Box &lt;_building block y.1_
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-runtime-view">6. Runtime View</h2>
+<h2 id="section-runtime-view">6. Vista de Ejecución 📽️</h2>
 <div class="sectionbody">
-<div class="sidebarblock arc42help">
+<div class="sect2">
+<h3 id="_escenario_de_ejecucion1️⃣">6.1. Escenario de Ejecucion1️⃣</h3>
+<div class="imageblock">
 <div class="content">
+<img src="./images/Diagrama%20de%20secuencia%20plantuml.png" alt="Diagrama de secuencia plantuml">
+</div>
+</div>
 <div class="paragraph">
-<div class="title">Contents</div>
-<p>The runtime view describes concrete behavior and interactions of the system’s building blocks in form of scenarios from the following areas:</p>
+<p>Diagrama de secuencia con plantuml (se contempla sólo el uso correcto de la aplicación)</p>
+</div>
 </div>
+<div class="sect2">
+<h3 id="_escenario_de_ejecucion2️⃣">6.2. Escenario de Ejecucion2️⃣</h3>
 <div class="ulist">
 <ul>
 <li>
-<p>important use cases or features: how do building blocks execute them?</p>
-</li>
-<li>
-<p>interactions at critical external interfaces: how do building blocks cooperate with users and neighboring systems?</p>
-</li>
+<p>Diagrama de secuencia</p>
+<div class="ulist">
+<ul>
 <li>
-<p>operation and administration: launch, start-up, stop</p>
+<p>Descripción: diagrama de los usos básicos en la aplicación, como inicio de sesión, empezar a jugar y contestar las preguntas.</p>
 </li>
 <li>
-<p>error and exception scenarios</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>Remark: The main criterion for the choice of possible scenarios (sequences, workflows) is their <strong>architectural relevance</strong>. It is <strong>not</strong> important to describe a large number of scenarios. You should rather document a representative selection.</p>
-</div>
-<div class="paragraph">
-<div class="title">Motivation</div>
-<p>You should understand how (instances of) building blocks of your system perform their job and communicate at runtime.
-You will mainly capture scenarios in your documentation to communicate your architecture to stakeholders that are less willing or able to read and understand the static models (building block view, deployment view).</p>
-</div>
-<div class="paragraph">
-<div class="title">Form</div>
-<p>There are many notations for describing scenarios, e.g.</p>
-</div>
+<p>Aspectos notables:</p>
 <div class="ulist">
 <ul>
 <li>
-<p>numbered list of steps (in natural language)</p>
-</li>
-<li>
-<p>activity diagrams or flow charts</p>
+<p>El usuario tiene que estar autentificado en la aplicación para poder entrar al juego.</p>
 </li>
 <li>
-<p>sequence diagrams</p>
+<p>Los usuarios estarán en una base de datos para recoger los datos de manera más sencilla.</p>
 </li>
 <li>
-<p>BPMN or EPCs (event process chains)</p>
+<p>En el diagrama se pone la opción de respuesta correcta, pero si fuera incorrecta también se seguiría jugando.</p>
 </li>
-<li>
-<p>state machines</p>
+</ul>
+</div>
 </li>
-<li>
-<p>&#8230;&#8203;</p>
+</ul>
+</div>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<div class="title">Further Information</div>
-<p>See <a href="https://docs.arc42.org/section-6/">Runtime View</a> in the arc42 documentation.</p>
+<div class="imageblock">
+<div class="content">
+<img src="./images/Digrama%20de%20secuencia%20Juego%20de%20preguntas.jpg" alt="Diagrama de secuencia">
 </div>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_runtime_scenario_1">6.1. &lt;Runtime Scenario 1&gt;</h3>
+<h3 id="_escenario_de_ejecucion3️⃣">6.3. Escenario de Ejecucion3️⃣</h3>
+<div class="ulist">
+<ul>
+<li>
+<p>Diagrama de casos de uso:</p>
+<div class="ulist">
+<ul>
+<li>
+<p>Descripción: diagrama básico de los distintos casos de uso que hay en el proyecto</p>
+</li>
+<li>
+<p>Aspectos notables:</p>
 <div class="ulist">
 <ul>
 <li>
-<p><em>&lt;insert runtime diagram or textual description of the scenario&gt;</em></p>
+<p>El caso de uso de iniciar sesión del usuario está relacionado con el caso de uso de autentificar sesión del sistema, ya que para que el usuario pueda iniciar sesión debe de estar autentificado.</p>
 </li>
 <li>
-<p><em>&lt;insert description of the notable aspects of the interactions between the
-building block instances depicted in this diagram.&gt;</em></p>
+<p>Lo mismo ocurre con el caso de uso de contestar preguntas del usuario con el caso de uso de verificar respuestas del sistema, ya que para que el usuario pueda contestar preguntas, el sistema primero debe de verificar si dicha respuesta es correcta o no para pasar a la siguiente pregunta.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p>It is possible to use a sequence diagram:</p>
-</div>
-<div class="imageblock">
-<div class="content">
-<img src="./images/Sequence%20diagram.png" alt="Sequence diagram" width="332" height="335">
-</div>
-</div>
-<div class="paragraph">
-<p>Diagrama de secuencia con plantuml (se contempla sólo el uso correcto de la aplicación)</p>
-</div>
-<div class="listingblock">
-<div class="content">
-<pre>actor usuario
-actor system
-database bbdd as "bbdd"
-actor juego
-usuario -&gt; system: inicio sesión
-system --&gt; usuario: pedir nombre/contraseña
-usuario -&gt; system: dar nombre/contraseña
-system -&gt; bbdd: verificar usuario
-bbdd --&gt; system: verificación correcta
-system --&gt; usuario: inicio sesión correcto
-usuario -&gt; system: acceder al juego
-system -&gt; juego: iniciar juego
-juego --&gt; system: generar pregunta/respuestas
-system --&gt; usuario: mostrar pregunta/respuestas
-usuario -&gt; system: responder
-system -&gt; juego: verificar respuesta
-juego --&gt; system: respuesta correcta
-system --&gt; usuario: correcta
-system -&gt; juego: generar siguiente pregunta/respuestas</pre>
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_runtime_scenario_2">6.2. &lt;Runtime Scenario 2&gt;</h3>
-<div class="listingblock">
-<div class="content">
-<pre>| -&gt; Diagrama de secuencia                                                                                                          |
-| -&gt; Descripción: diagrama de los usos básicos en la aplicación, como inicio de sesión, empezar a jugar y contestar las preguntas.  |
-| -&gt; Aspectos notables:                                                                                                             |
-|    - El usuario tiene que estar autentificado en la aplicación para poder entrar al juego.                                        |
-|    - Los usuarios estarán en una base de datos para recoger los datos de manera más sencilla.                                     |
-|    - En el diagrama se pone la opción de respuesta correcta, pero si fuera incorrecta también se seguiría jugando.                |</pre>
-</div>
-</div>
-<div class="imageblock">
-<div class="content">
-<img src="./images/Digrama%20de%20secuencia%20Juego%20de%20preguntas.jpg" alt="Diagrama de secuencia">
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_runtime_scenario_3">6.3. &lt;Runtime Scenario 3&gt;</h3>
-<div class="listingblock">
-<div class="content">
-<pre>| -&gt; Diagrama de casos de uso                                                                                                        |
-| -&gt; Descripción: diagrama básico de los distintos casos de uso que hay en el proyecto                                               |
-| -&gt; Aspectos notables:                                                                                                              |
-|    - El caso de uso de iniciar sesión del usuario está relacionado con el caso de uso de autentificar sesión del sistema,          |
-|    - ya que para que el usuario pueda iniciar sesión debe de estar autentificado.                                                  |
-|    - Lo mismo ocurre con el caso de uso de contestar preguntas del usuario con el caso de uso de verificar respuestas del sistema, |
-|    - ya que para que el usuario pueda contestar preguntas, el sistema primero debe de verificar si dicha respuesta es correcta     |
-|    - o no para pasar a la siguiente pregunta.                                                                                      |</pre>
+</li>
+</ul>
 </div>
+</li>
+</ul>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -1393,166 +1174,71 @@ <h3 id="_runtime_scenario_3">6.3. &lt;Runtime Scenario 3&gt;</h3>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-deployment-view">7. Deployment View</h2>
+<h2 id="section-deployment-view">7. Vista de Despliegue 👀</h2>
 <div class="sectionbody">
-<div class="sidebarblock arc42help">
-<div class="content">
+<div class="sect2">
+<h3 id="_infraestructura_nivel_1_️">7.1. Infraestructura Nivel 1 ☝️</h3>
 <div class="paragraph">
-<div class="title">Content</div>
-<p>The deployment view describes:</p>
+<p>EN DESARROLLO.</p>
 </div>
+<div class="sect3">
+<h4 id="_diagrama_de_vista_general">7.1.1. Diagrama de Vista General 🎀</h4>
+<div class="paragraph">
+<p>EN DESARROLLO.</p>
+</div>
+</div>
+<div class="sect3">
+<h4 id="_motivacion">7.1.2. Motivacion 🤩</h4>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>technical infrastructure used to execute your system, with infrastructure elements like geographical locations, environments, computers, processors, channels and net topologies as well as other infrastructure elements and</p>
+<p>Disponibilidad: Se busca una aplicación que sea capaz de prestar servicio de manera continuada, con resistencia a fallos.</p>
 </li>
 <li>
-<p>mapping of (software) building blocks to that infrastructure elements.</p>
+<p>Eficiencia: Se busca una aplicación que ofreza un rendimiento óptimo para la generación de preguntas desde dispositivos con pocas capacidades.</p>
 </li>
-</ol>
-</div>
-<div class="paragraph">
-<p>Often systems are executed in different environments, e.g. development environment, test environment, production environment. In such cases you should document all relevant environments.</p>
-</div>
-<div class="paragraph">
-<p>Especially document a deployment view if your software is executed as distributed system with more than one computer, processor, server or container or when you design and construct your own hardware processors and chips.</p>
-</div>
-<div class="paragraph">
-<p>From a software perspective it is sufficient to capture only those elements of an infrastructure that are needed to show a deployment of your building blocks. Hardware architects can go beyond that and describe an infrastructure to any level of detail they need to capture.</p>
-</div>
-<div class="paragraph">
-<div class="title">Motivation</div>
-<p>Software does not run without hardware.
-This underlying infrastructure can and will influence a system and/or some
-cross-cutting concepts. Therefore, there is a need to know the infrastructure.</p>
-</div>
-<div class="paragraph">
-<div class="title">Form</div>
-<p>Maybe a highest level deployment diagram is already contained in section 3.2. as
-technical context with your own infrastructure as ONE black box. In this section one can
-zoom into this black box using additional deployment diagrams:</p>
-</div>
+<li>
+<p>Cumplimiento de Requisitos Regulatorios: El uso de Wikidata como fuente de datos en nuestra aplicación está respaldado por la necesidad de cumplir con requisitos regulatorios y normativos específicos. Esta elección se basa en las siguientes consideraciones:</p>
 <div class="ulist">
 <ul>
 <li>
-<p>UML offers deployment diagrams to express that view. Use it, probably with nested diagrams,
-when your infrastructure is more complex.</p>
-</li>
-<li>
-<p>When your (hardware) stakeholders prefer other kinds of diagrams rather than a deployment diagram, let them use any kind that is able to show nodes and channels of the infrastructure.</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<div class="title">Further Information</div>
-<p>See <a href="https://docs.arc42.org/section-7/">Deployment View</a> in the arc42 documentation.</p>
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_infrastructure_level_1">7.1. Infrastructure Level 1</h3>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>Describe (usually in a combination of diagrams, tables, and text):</p>
-</div>
+<p>Caracteristicas de Calidad y/o Rendimiento:</p>
 <div class="ulist">
 <ul>
 <li>
-<p>distribution of a system to multiple locations, environments, computers, processors, .., as well as physical connections between them</p>
-</li>
-<li>
-<p>important justifications or motivations for this deployment structure</p>
-</li>
-<li>
-<p>quality and/or performance features of this infrastructure</p>
+<p>Rendimiento: Se busca que la aplicación tenga un rendimiento óptimo en dispositivos móviles y tablets.</p>
 </li>
 <li>
-<p>mapping of software artifacts to elements of this infrastructure</p>
+<p>Adaptabilidad: La aplicación tiene que ser adaptable en diferentes dispositivos para así poder garantizar su uso.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p>For multiple environments or alternative deployments please copy and adapt this section of arc42 for all relevant environments.</p>
-</div>
-</div>
-</div>
-<div class="paragraph">
-<p><em><strong>&lt;Overview Diagram&gt;</strong></em>
-ESTO SE HARA MAS ADELANTE</p>
-</div>
-<div class="dlist">
-<dl>
-<dt class="hdlist1">Motivation</dt>
-<dd>
-<div class="olist arabic">
-<ol class="arabic">
-<li>
-<p>Disponibilidad: se busca una aplicacion que sea capaz de prestar servicio de manera continuada, con resistencia a fallos.</p>
-</li>
-<li>
-<p>Eficiencia:Se busca una aplicacion que ofreza un rendimiento optimo para la generacion de preguntas desde dispositivos con pocas capacidades.</p>
 </li>
-<li>
-<p>Cumplimiento de Requisitos Regulatorios:El uso de Wikidata como fuente de datos en nuestra aplicación está respaldado por la necesidad de cumplir con requisitos regulatorios y normativos específicos. Esta elección se basa en las siguientes consideraciones:</p>
+</ul>
+</div>
 </li>
 </ol>
 </div>
-</dd>
-<dt class="hdlist1">Quality and/or Performance Features</dt>
-<dd>
-<p>1.Rencimiento:se busca que la aplicacion tenga un rendimiento optimo en dispositivos mobiles y tablets.
-2.Adaptabilidad: la aplicacion tiene que ser adaptable en diferentes dispositivos para asi poder garantizar su uso .</p>
-</dd>
-</dl>
-</div>
-<div class="paragraph">
-<p>Se hara mas adelante</p>
-</div>
-<div class="dlist">
-<dl>
-<dt class="hdlist1">Mapping of Building Blocks to Infrastructure</dt>
-<dd>
-<p>SE HARA MAS ADELANTE
-<em>&lt;description of the mapping&gt;</em></p>
-</dd>
-</dl>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_infrastructure_level_2">7.2. Infrastructure Level 2</h3>
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<p>Here you can include the internal structure of (some) infrastructure elements from level 1.</p>
-</div>
 <div class="paragraph">
-<p>Please copy the structure from level 1 for each selected element.</p>
-</div>
+<p>EN DESARROLLO.</p>
 </div>
 </div>
-<div class="paragraph">
-<p>SE HARA MAS ADELANTE</p>
-</div>
 <div class="sect3">
-<h4 id="_infrastructure_element_1">7.2.1. <em>&lt;Infrastructure Element 1&gt;</em></h4>
+<h4 id="_mapeado_de_bloques_de_construccion_a_infraestructura">7.1.3. Mapeado de Bloques de Construccion a Infraestructura 📜::</h4>
 <div class="paragraph">
-<p><em>&lt;diagram + explanation&gt;</em></p>
+<p>EN DESARROLLO.</p>
 </div>
 </div>
-<div class="sect3">
-<h4 id="_infrastructure_element_2">7.2.2. <em>&lt;Infrastructure Element 2&gt;</em></h4>
-<div class="paragraph">
-<p><em>&lt;diagram + explanation&gt;</em></p>
 </div>
+<div class="sect2">
+<h3 id="_infrastructure_level_2_️">7.2. Infrastructure Level 2 ☝️</h3>
 <div class="paragraph">
-<p>&#8230;&#8203;</p>
-</div>
+<p>EN DESARROLLO.</p>
 </div>
 <div class="sect3">
-<h4 id="_infrastructure_element_n">7.2.3. <em>&lt;Infrastructure Element n&gt;</em></h4>
+<h4 id="_elemento_1_de_insfraestructura">7.2.1. Elemento 1 de insfraestructura</h4>
 <div class="paragraph">
-<p><em>&lt;diagram + explanation&gt;</em></p>
+<p>EN DESARROLLO.</p>
 </div>
 <div style="page-break-after: always;"></div>
 </div>
@@ -1560,87 +1246,68 @@ <h4 id="_infrastructure_element_n">7.2.3. <em>&lt;Infrastructure Element n&gt;</
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-concepts">8. Conceptos Transversales</h2>
+<h2 id="section-concepts">8. Conceptos Transversales 🧭</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>Estos conceptos todavia no han sido aprobados ni implemenmtados pero dan una idea general al proyecto.</p>
+<p>Estos conceptos todavía no han sido aprobados ni implementados, pero dan una idea general del proyecto.</p>
 </div>
 <div class="sect2">
-<h3 id="_modelo_de_dominio">8.1. Modelo de Dominio</h3>
+<h3 id="_modelo_de_dominio_️">8.1. Modelo de Dominio 🗺️</h3>
 <div class="paragraph">
-<p>Esta es una primera version del modelo del dominio muy simple para hacerse una idea como funcionara la aplicacion.</p>
-</div>
-</div>
-<div class="sect2">
-<h3 id="_experiencia_de_usuario">8.2. Experiencia de Usuario</h3>
-<div class="paragraph">
-<p>El usuario sera capaz de interactura con una aplicacion web donde se podra registrar y jugar al juego de manera sencilla.</p>
+<p>Esta es una primera versión del modelo de dominio muy simple, para hacerse una idea como funcionará la aplicación.</p>
 </div>
 <div class="imageblock">
 <div class="content">
-<img src="./images/08_diagrama_modelo_dominio.png" alt="Modelo de dominio simple provisional">
+<img src="./images/Diagrama%20de%20clases%20juego%20de%20preguntas.jpg" alt="Modelo de dominio simple provisional">
+</div>
+</div>
 </div>
+<div class="sect2">
+<h3 id="_experiencia_de_usuario">8.2. Experiencia de Usuario 👨‍🦰</h3>
+<div class="paragraph">
+<p>El usuario será capaz de interactuar con una aplicación web, donde se podrá registrar y jugar al juego de manera sencilla.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_seguridad">8.3. Seguridad</h3>
+<h3 id="_seguridad">8.3. Seguridad 🔒</h3>
 <div class="paragraph">
-<p><em>&lt;explanation&gt;</em></p>
+<p>En Desarrollo.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_arquitectura_y_patrones_de_diseño">8.4. Arquitectura y Patrones de Diseño</h3>
+<h3 id="_arquitectura_y_patrones_de_diseño">8.4. Arquitectura y Patrones de Diseño 📒</h3>
 <div class="paragraph">
-<p><em>&lt;explanation&gt;</em></p>
+<p>En Desarrollo.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_desarrollo">8.5. Desarrollo</h3>
+<h3 id="_desarrollo_️">8.5. Desarrollo ⚙️</h3>
 <div class="paragraph">
-<p><em>&lt;explanation&gt;</em></p>
+<p>En Desarrollo.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_operaciones">8.6. Operaciones</h3>
+<h3 id="_operaciones">8.6. Operaciones 🔢</h3>
 <div class="paragraph">
-<p><em>&lt;explanation&gt;</em></p>
+<p>En Desarrollo.</p>
 </div>
 <div style="page-break-after: always;"></div>
 </div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-design-decisions">9. Decisiones de Arquitectura</h2>
+<h2 id="section-design-decisions">9. Decisiones de Arquitectura 🗣️</h2>
 <div class="sectionbody">
-<table class="tableblock frame-all grid-all stretch">
-<colgroup>
-<col style="width: 33.3333%;">
-<col style="width: 33.3333%;">
-<col style="width: 33.3334%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Decisión</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Ventajas</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Inconvenientes</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">JavaScript / React</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La base de la aplicación ya esta creada con este lenguaje y lo para la creación de sitios web es un versatil.</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La baja o nula esperiencia con el lenguaje de algunos integrantes del grupo asi como sus limitaciones tecninas.</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Microservicios</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">La aplicacion se podra dividir en problemas que se podran solucionar dandole diferentes enfoques con diferentes lenguajes y metodologias.</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">AL igual que el primer punto, la baja experiencia con esta forma de trabajo al cual se tendra que adaptar el grupo.</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">MongoDB</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Parte de la implementacion ya está hecha. Por otra parte es de uso libre y existe bastante documentacion online para usarse correctamente</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Al igual que los dos puntos anteriores, el grupo cuenta con poca experiencia usando esta tecnología y no somos concientes de todas sus limitaciones y fortalezas.</p></td>
-</tr>
-</tbody>
-</table>
+<div class="paragraph">
+<p>Los enlaces proporcionan las decisiones de arquitectura via GitHub.</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="https://github.com/Arquisoft/wiq_es04c/wiki/ADR-1-‐-Diseño-de-BD-para-Generación-de-Preguntas">ADR 01</a> ‐ Diseño de BD para Generación de Preguntas</p>
+</li>
+</ul>
+</div>
 <div style="page-break-after: always;"></div>
 </div>
 </div>
@@ -1650,27 +1317,27 @@ <h2 id="section-quality-scenarios">10. Requisitos de Calidad 🌟</h2>
 <div class="sect2">
 <h3 id="_árbol_de_calidad">10.1. Árbol de Calidad 🌳</h3>
 <div class="paragraph">
-<p>El árbol de calidad se organiza con "calidad" como raíz, desglosándose en varias ramas principales que representan categorías de calidad relevantes para el proyecto WIQ. Estas ramas incluyen:</p>
+<p>El árbol de calidad se organiza con "calidad" como raíz, desglosándose en varias ramas principales, que representan categorías de calidad relevantes para el proyecto WIQ. Estas ramas incluyen:</p>
 </div>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Usabilidad</strong> 💡: Se refiere a la facilidad con la que los usuarios pueden utilizar un sistema para alcanzar sus objetivos de manera eficiente y satisfactoria. La usabilidad implica interfaces intuitivas, accesibilidad y una experiencia de usuario agradable.</p>
+<p><strong>Usabilidad</strong>: Se refiere a la facilidad con la que los usuarios pueden utilizar un sistema para alcanzar sus objetivos de manera eficiente y satisfactoria. La usabilidad implica interfaces intuitivas, accesibilidad y una experiencia de usuario agradable.</p>
 </li>
 <li>
-<p><strong>Rendimiento</strong> ⚡: Evalúa la eficiencia del sistema en términos de velocidad de respuesta, consumo de recursos y escalabilidad. Un buen rendimiento asegura que el sistema puede manejar cargas de trabajo elevadas con tiempos de respuesta rápidos.</p>
+<p><strong>Rendimiento</strong>: Evalúa la eficiencia del sistema en términos de velocidad de respuesta, consumo de recursos y escalabilidad. Un buen rendimiento asegura que el sistema puede manejar cargas de trabajo elevadas con tiempos de respuesta rápidos.</p>
 </li>
 <li>
-<p><strong>Seguridad</strong> 🔒: Implica proteger la información y los sistemas contra accesos no autorizados, divulgación, alteración o destrucción, garantizando la confidencialidad, integridad y disponibilidad de los datos.</p>
+<p><strong>Seguridad</strong>: Implica proteger la información y los sistemas contra accesos no autorizados, divulgación, alteración o destrucción, garantizando la confidencialidad, integridad y disponibilidad de los datos.</p>
 </li>
 <li>
-<p><strong>Fiabilidad</strong> 🛡️: La capacidad del sistema de funcionar correctamente y sin fallos durante un período determinado bajo condiciones específicas. La fiabilidad se centra en la consistencia del rendimiento y la prevención de fallos.</p>
+<p><strong>Fiabilidad</strong>: La capacidad del sistema de funcionar correctamente y sin fallos durante un período determinado bajo condiciones específicas. La fiabilidad se centra en la consistencia del rendimiento y la prevención de fallos.</p>
 </li>
 <li>
-<p><strong>Mantenibilidad</strong> 🔧: Se refiere a la facilidad con la que un sistema puede ser modificado para corregir fallos, mejorar su funcionamiento o adaptarse a un entorno cambiante. Una alta mantenibilidad facilita las actualizaciones y reduce los costos a largo plazo.</p>
+<p><strong>Mantenibilidad</strong>: Se refiere a la facilidad con la que un sistema puede ser modificado para corregir fallos, mejorar su funcionamiento o adaptarse a un entorno cambiante. Una alta mantenibilidad facilita las actualizaciones y reduce los costos a largo plazo.</p>
 </li>
 <li>
-<p><strong>Portabilidad 🌍</strong>: La capacidad de un sistema para ser utilizado en diferentes entornos operativos con mínimas modificaciones. La portabilidad permite que el software sea compatible con diversos dispositivos, sistemas operativos o navegadores web.</p>
+<p><strong>Portabilidad</strong>: La capacidad de un sistema para ser utilizado en diferentes entornos operativos con mínimas modificaciones. La portabilidad permite que el software sea compatible con diversos dispositivos, sistemas operativos o navegadores web.</p>
 </li>
 </ul>
 </div>
@@ -1681,63 +1348,63 @@ <h3 id="_árbol_de_calidad">10.1. Árbol de Calidad 🌳</h3>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_escenarios_de_calidad">10.2. Escenarios de Calidad</h3>
+<h3 id="_escenarios_de_calidad_️">10.2. Escenarios de Calidad 🕹️</h3>
 <div class="sect3">
-<h4 id="_usabilidad">10.2.1. Usabilidad 💡</h4>
+<h4 id="_usabilidad">10.2.1. Usabilidad</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: Un nuevo usuario puede registrarse e iniciar a jugar en menos de 5 minutos después de su primer acceso al sitio web. La interfaz intuitiva y la guía de inicio rápido facilitan este proceso. 🚀</p>
+<p><strong>Escenario</strong>: Un nuevo usuario puede registrarse e iniciar a jugar en menos de 5 minutos después de su primer acceso al sitio web. La interfaz intuitiva y la guía de inicio rápido facilitan este proceso.</p>
 </li>
 </ul>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_rendimiento">10.2.2. Rendimiento ⚡</h4>
+<h4 id="_rendimiento">10.2.2. Rendimiento</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: El sistema responde a las solicitudes de los usuarios en menos de 2 segundos bajo condiciones normales de carga, asegurando una experiencia de juego fluida. 🏎️</p>
+<p><strong>Escenario</strong>: El sistema responde a las solicitudes de los usuarios en menos de 2 segundos bajo condiciones normales de carga, asegurando una experiencia de juego fluida.</p>
 </li>
 </ul>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_seguridad_2">10.2.3. Seguridad 🔒</h4>
+<h4 id="_seguridad_2">10.2.3. Seguridad</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: Todos los datos personales de los usuarios están cifrados tanto en tránsito como en reposo, utilizando estándares de seguridad actuales para prevenir accesos no autorizados. 🔐</p>
+<p><strong>Escenario</strong>: Todos los datos personales de los usuarios están cifrados tanto en tránsito como en reposo, utilizando estándares de seguridad actuales para prevenir accesos no autorizados.</p>
 </li>
 </ul>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_mantenibilidad">10.2.4. Mantenibilidad 🔧</h4>
+<h4 id="_mantenibilidad">10.2.4. Mantenibilidad</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: El sistema permite la adición de nuevas funcionalidades (como tipos de preguntas o temáticas) sin necesidad de una reestructuración mayor, promoviendo una arquitectura modular. 🛠️</p>
+<p><strong>Escenario</strong>: El sistema permite la adición de nuevas funcionalidades (como tipos de preguntas o temáticas) sin necesidad de una reestructuración mayor, promoviendo una arquitectura modular.</p>
 </li>
 </ul>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_fiabilidad_️">10.2.5. Fiabilidad 🛡️</h4>
+<h4 id="_fiabilidad">10.2.5. Fiabilidad</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: En caso de fallo del sistema, este debe ser capaz de recuperarse y volver a estar operativo en menos de 5 minutos, garantizando una alta disponibilidad. 🔄</p>
+<p><strong>Escenario</strong>: En caso de fallo del sistema, este debe ser capaz de recuperarse y volver a estar operativo en menos de 5 minutos, garantizando una alta disponibilidad.</p>
 </li>
 </ul>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_portabilidad">10.2.6. Portabilidad 🌍</h4>
+<h4 id="_portabilidad">10.2.6. Portabilidad</h4>
 <div class="ulist">
 <ul>
 <li>
-<p><strong>Escenario</strong>: La aplicación web es compatible con los navegadores web más utilizados (Chrome, Firefox, Safari, Edge) en sus últimas dos versiones principales, asegurando un amplio acceso. 🌐</p>
+<p><strong>Escenario</strong>: La aplicación web es compatible con los navegadores web más utilizados (Chrome, Firefox, Safari, Edge) en sus últimas dos versiones principales, asegurando un amplio acceso.</p>
 </li>
 </ul>
 </div>
@@ -1747,7 +1414,7 @@ <h4 id="_portabilidad">10.2.6. Portabilidad 🌍</h4>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-technical-risks">11. Risks and Technical Debts 🚀</h2>
+<h2 id="section-technical-risks">11. Riesgos y Deuda Técnina 🚀</h2>
 <div class="sectionbody">
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
@@ -1762,81 +1429,67 @@ <h2 id="section-technical-risks">11. Risks and Technical Debts 🚀</h2>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Tiempo de entrega ⏳</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Tiempo de entrega</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">Estamos limitados por el plazo de entrega y también por el tiempo que dedicaremos a trabajar en otras asignaturas.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Proyecto grande y equipo grande 👥</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Proyecto grande y equipo grande</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">La coordinación y comunicación en un equipo grande pueden ser desafiantes.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Diseño inadecuado o enfoque incorrecto 🎨</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Diseño inadecuado o enfoque incorrecto</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">La presencia de errores en etapas tempranas puede ser devastadora, ya que estas son cruciales. Un mal diseño detectado en etapas avanzadas podría ser irreparable, subrayando la importancia de una planificación y visión previsoras.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Falta de familiaridad con las tecnologías 🔧</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Falta de familiaridad con las tecnologías</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">El equipo comienza con conocimiento limitado sobre las herramientas necesarias, lo que puede resultar en un uso subóptimo de estas.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Errores de implementación 🚨</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Errores de implementación</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">Errores no críticos en la lógica de negocio pueden permanecer ocultos por largo tiempo, afectando la calidad del sistema.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Comunicación deficiente entre miembros 📢</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Comunicación deficiente entre miembros</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">Las diferencias y desacuerdos pueden obstaculizar la colaboración efectiva, esencial para el éxito del equipo.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Distribución desigual del trabajo ⚖️</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Distribución desigual del trabajo</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">Una asignación desequilibrada puede sobrecargar a algunos miembros mientras deja a otros con menos responsabilidades.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-center valign-top"><p class="tableblock">Reducción del tamaño del equipo 👥</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Reducción del tamaño del equipo</p></td>
 <td class="tableblock halign-center valign-top"><p class="tableblock">La salida inesperada de miembros puede desafiar la continuidad y el avance del proyecto, requiriendo adaptaciones rápidas y eficientes.</p></td>
 </tr>
 </tbody>
 </table>
+<table class="tableblock frame-all grid-all stretch">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-center valign-top">Deuda Técnina</th>
+<th class="tableblock halign-center valign-top">Descripción</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Uso del proyecto base creado por los profesores</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Para no tener que realizar la creacion del proyecto hemos decidido usar el proyecto ya creado. Esto implica tener que revisar codigo ya creado y entender su funcionamiento, asi como ampliarlo con codigo propio, dando lugar a errores y perdidas de tiempo. Tambien requiere tener que aprender tecnologias nuevas y como usarlas.</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-center valign-top"><p class="tableblock">Uso de React</p></td>
+<td class="tableblock halign-center valign-top"><p class="tableblock">El uso del framework nos puede facilitar el desarrolo en algunas etapas, pero nos lo puede complicar al no estar familiarizados con esta tecnologia y todas sus características.</p></td>
+</tr>
+</tbody>
+</table>
 <div style="page-break-after: always;"></div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="section-glossary">12. Glossary</h2>
+<h2 id="section-glossary">12. Glosario ⁉️</h2>
 <div class="sectionbody">
-<div class="sidebarblock arc42help">
-<div class="content">
-<div class="paragraph">
-<div class="title">Contents</div>
-<p>The most important domain and technical terms that your stakeholders use when discussing the system.</p>
-</div>
-<div class="paragraph">
-<p>You can also see the glossary as source for translations if you work in multi-language teams.</p>
-</div>
-<div class="paragraph">
-<div class="title">Motivation</div>
-<p>You should clearly define your terms, so that all stakeholders</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>have an identical understanding of these terms</p>
-</li>
-<li>
-<p>do not use synonyms and homonyms</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<div class="title">Form</div>
-<p>A table with columns &lt;Term&gt; and &lt;Definition&gt;.</p>
-</div>
-<div class="paragraph">
-<p>Potentially more columns in case you need translations.</p>
-</div>
-<div class="paragraph">
-<div class="title">Further Information</div>
-<p>See <a href="https://docs.arc42.org/section-12/">Glossary</a> in the arc42 documentation.</p>
-</div>
-</div>
-</div>
 <table class="tableblock frame-all grid-all stretch">
 <colgroup>
 <col style="width: 33.3333%;">
@@ -1844,8 +1497,8 @@ <h2 id="section-glossary">12. Glossary</h2>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top">Term</th>
-<th class="tableblock halign-left valign-top">Definition</th>
+<th class="tableblock halign-left valign-top">Término</th>
+<th class="tableblock halign-left valign-top">Definicion</th>
 </tr>
 </thead>
 <tbody>
@@ -1866,19 +1519,16 @@ <h2 id="section-glossary">12. Glossary</h2>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><em>API</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>O también Application Programming Interface, es un intermediario que ayuda a las diferentes aplicaciones del proyecto a posibilitar la comunicación
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>También llamado Application Programming Interface, es un intermediario que ayuda a las diferentes aplicaciones del proyecto a posibilitar la comunicación
 entre ellas. Favorece a la eficiencia y agilidad del funcionamiento de dichas aplicaciones.</em></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><em>MongoDB</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Es uno de los tantos tipos de bases de datos, como MariaDB. Usa NoSQL, soporta múltiples lenguajes de programación y también soporta su funcionamiento en
-gran variedad de sistemas operativos. Algo a tener en cuenta es que MongoDB realiza el guardado de datos de una forma distinta a la de las bases de datos de
-tipo relacional, con tablas de datos, este lo guarda en archivos BSON, que es un derivado de JSON.</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Es uno de los tantos tipos de bases de datos, como MariaDB. Usa NoSQL, soporta múltiples lenguajes de programación y también soporta su funcionamiento en gran variedad de sistemas operativos. Algo a tener en cuenta es que MongoDB realiza el guardado de datos de una forma distinta a la de las bases de datos de tipo relacional, con tablas de datos, este lo guarda en archivos BSON, que es un derivado de JSON.</em></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><em>BSON</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>O Binary JSON, son los archivos que usa la base de datos MongoDB para almacenar los datos de una manera más ágil y sencilla que con las tablas. Una
-curiosidad de este tipo de archivo es que no tiene un tipo de MIME definido, mientras que JSON sí que lo tiene.</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Conocido como Binary JSON, son los archivos que usa la base de datos MongoDB para almacenar los datos de una manera más ágil y sencilla que con las tablas. Una curiosidad de este tipo de archivo es que no tiene un tipo de MIME definido, mientras que JSON sí que lo tiene.</em></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><em>Mongoose</em></p></td>
@@ -1890,8 +1540,11 @@ <h2 id="section-glossary">12. Glossary</h2>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><em>GitHub Actions</em></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Plataforma que ayuda a automatizar los proyectos, haciendo posible el despliegue de estos desde el mismo Github. Soporta una gran variedad de lenguajes de
-programación y sistemas operativos.</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Plataforma que ayuda a automatizar los proyectos, haciendo posible el despliegue de estos desde el mismo Github. Soporta una gran variedad de lenguajes de programación y sistemas operativos.</em></p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>MySql</em></p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>Es un sistema de gestión de bases de datos relacional de código abierto ampliamente utilizado que se destaca por su velocidad, confiabilidad y facilidad de uso. Permite a los usuarios almacenar, organizar y recuperar datos de manera eficiente a través de consultas estructuradas utilizando el lenguaje estándar de SQL. Es compatible con una variedad de plataformas y se utiliza en una amplia gama de aplicaciones.</em></p></td>
 </tr>
 </tbody>
 </table>
@@ -1901,7 +1554,7 @@ <h2 id="section-glossary">12. Glossary</h2>
 <div id="footer">
 <div id="footer-text">
 Version 8.2 EN<br>
-Last updated 2024-02-19 23:37:33 +0100
+Last updated 2024-03-11 11:08:37 +0100
 </div>
 </div>
 </body>
