Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implementación hasta la quinta semana #84

Merged
merged 106 commits into from
Mar 1, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
106 commits
Select commit Hold shift + click to select a range
3bed0e3
creado añadir preguntas
uo283055 Feb 9, 2024
9b60926
Merge pull request #3 from Arquisoft/laura
uo283055 Feb 9, 2024
2f77ab8
Inicio de la sección 1 de la documentación
uo277310 Feb 11, 2024
4cfca0e
Corrección de visualización en la sección 1 de la documentación
uo277310 Feb 11, 2024
3c8838f
Update 03_system_scope_and_context.adoc
uo283055 Feb 11, 2024
4cf2d46
Merge pull request #19 from Arquisoft/laura
uo283055 Feb 11, 2024
43153ad
Creacion añadido de respuestas
uo283055 Feb 11, 2024
55a1261
Inicio de la sección 6 de la documentación y corrección de la sección 1
uo277310 Feb 11, 2024
846331e
Merge pull request #20 from Arquisoft/laura
uo283055 Feb 11, 2024
14f88e3
Corrección diagramas sección 6
uo277310 Feb 11, 2024
f263578
Inicio de la sección 11 de la documentación y leves correcciones
uo277310 Feb 11, 2024
12d987d
Vistas añadidas en la sección 6 de la documentación
uo277310 Feb 11, 2024
a50af36
Update_2 03_system_scope_and_context.adoc
uo283055 Feb 11, 2024
2315f50
Update_3 03_system_scope_and_context.adoc
uo283055 Feb 11, 2024
96e6bb4
Retoques de las secciones 1 y 6 de la documentación
uo277310 Feb 11, 2024
7a020f7
Merge branch 'luis' into dev
uo277310 Feb 11, 2024
6a7cb84
Update 08_concepts.adoc
uo283055 Feb 11, 2024
80e6b37
Update_2 08_concepts.adoc
uo283055 Feb 11, 2024
a4b7691
Imagen mindMap punto 8 conceptos transversales
uo283055 Feb 12, 2024
ce49013
Merge branch 'laura' of https://github.com/Arquisoft/wiq_es6b into laura
uo283055 Feb 12, 2024
97aade1
Update_3 08_concepts.adoc
uo283055 Feb 12, 2024
3ff6455
Merge pull request #21 from Arquisoft/laura
uo283055 Feb 12, 2024
d97c133
Inicio obtencion base pregunta aleatoria
uo283055 Feb 14, 2024
e4cc4ea
Merge pull request #23 from Arquisoft/laura
uo283055 Feb 14, 2024
0c66980
añadidos al punto 12 (glosario) de la documentación
uo283055 Feb 14, 2024
9cbca67
Merge pull request #24 from Arquisoft/laura
uo283055 Feb 14, 2024
752c88f
Edición punto 08_concepts.adoc
uo283055 Feb 14, 2024
fcdaedc
Merge pull request #25 from Arquisoft/laura
uo283055 Feb 14, 2024
714c30a
Update 10_quality_requirements.adoc
uo287627 Feb 14, 2024
d9e3eff
Merge branch 'dev' into luis
uo277310 Feb 14, 2024
364cc55
Añadido de riesgo, deuda tecnica y terminos del glosario
uo277310 Feb 14, 2024
a039212
Merge branch 'luis' into dev
uo277310 Feb 14, 2024
505163f
Add files via upload
uo287627 Feb 15, 2024
baf76d0
Add files via upload
uo287627 Feb 15, 2024
5af0d25
Delete docs/images/05_bbv_level01.jpg
uo287627 Feb 15, 2024
e60264e
Add files via upload
uo287627 Feb 15, 2024
b608776
Actualizado 05_building_block_view.adoc
uo287627 Feb 15, 2024
d301b8d
Add files via upload
uo287627 Feb 15, 2024
09b9569
Update 10_quality_requirements.adoc
uo287627 Feb 15, 2024
7265501
Actualización sección 6 en la vista de respuesta a pregunta
uo277310 Feb 15, 2024
089de66
Merge branch 'luis' into dev
uo277310 Feb 15, 2024
be18e92
Corrección WApis a WApi en seccion 6
uo277310 Feb 15, 2024
4a10803
Añado los puntos 4 y 9 de la documentación
uo285427 Feb 16, 2024
cb1d2b1
Merge branch 'Jesus' into dev
uo277310 Feb 16, 2024
79a3464
Sección 2: Restricciones de la Arquitectura
EmilioGarciaFernandez Feb 17, 2024
5218fe5
Actualización de la sección 7 de la documentación.
EmilioGarciaFernandez Feb 18, 2024
615016f
Merge pull request #34 from Arquisoft/dev
uo283055 Feb 18, 2024
2332741
Mostrar la base de una pregunta aleatoria
uo283055 Feb 18, 2024
2f34182
Prueba obtencion de datos de wikidata
uo283055 Feb 18, 2024
cacded8
Merge pull request #35 from Arquisoft/laura
uo277310 Feb 18, 2024
3503a3e
Merge branch 'dev' into luis
uo277310 Feb 19, 2024
9c50f6b
Añadido inicio de microservicio del historial de jugadas
uo277310 Feb 19, 2024
cfaac69
Merge pull request #38 from Arquisoft/luis
uo283055 Feb 19, 2024
0f60da4
Merge pull request #39 from Arquisoft/dev
uo283055 Feb 19, 2024
46de0aa
Test añadir respuestas
uo283055 Feb 19, 2024
c392dc2
Merge branch 'dev' of https://github.com/Arquisoft/wiq_es6b into sergio
uo287627 Feb 19, 2024
22dd0a2
Implementado el botón de acceso a juego
uo287627 Feb 19, 2024
e6fb5c7
Delete .idea directory
uo287627 Feb 19, 2024
9d4fc2e
Merge pull request #40 from Arquisoft/sergio
uo283055 Feb 20, 2024
b0b7ab9
generacion de preguntas aleatorias
uo283055 Feb 20, 2024
353b05e
Merge pull request #41 from Arquisoft/dev
uo283055 Feb 20, 2024
adeaf65
ediciones menores de generacion preguntas aleatorias
uo283055 Feb 20, 2024
7d24723
Merge pull request #42 from Arquisoft/laura
uo277310 Feb 20, 2024
1f13538
Merge branch 'dev' into luis
uo277310 Feb 21, 2024
7e3f637
Obtención de capital de país con botón en pantalla,
uo277310 Feb 21, 2024
45509d5
Merge pull request #44 from Arquisoft/luis
uo283055 Feb 22, 2024
e83a444
Merge pull request #45 from Arquisoft/emilio
uo283055 Feb 22, 2024
eeb4228
Cambios 12_glossary.adoc
uo283055 Feb 22, 2024
0d41ee2
Merge pull request #46 from Arquisoft/laura
uo277310 Feb 22, 2024
4ae0a4a
Merge pull request #47 from Arquisoft/dev
uo283055 Feb 22, 2024
fd5cbf4
Cambios documentación
uo277310 Feb 22, 2024
46c0b08
Merge branch 'dev' into luis
uo277310 Feb 22, 2024
43220e5
Cambios en documentación, añadido punto 7 y correcciones
uo277310 Feb 22, 2024
e4bfa70
Borrado de role=arc42help
uo277310 Feb 22, 2024
cf74184
Borrado de role
uo277310 Feb 22, 2024
e92ed32
Update 05_building_block_view.adoc
uo277310 Feb 22, 2024
8eaea3b
Merge pull request #50 from Arquisoft/luis
uo283055 Feb 22, 2024
5e1c20a
Merge remote-tracking branch 'origin/dev' into laura
uo283055 Feb 22, 2024
1f64099
seleccion respuesta correcta
uo283055 Feb 25, 2024
90a3987
control finalizar maximo 10 preguntas
uo283055 Feb 25, 2024
36aa466
Merge branch 'dev' into luis
uo277310 Feb 25, 2024
270f6ed
Merge pull request #65 from Arquisoft/laura
uo285427 Feb 25, 2024
43af1f9
Merge branch 'dev' into luis
uo277310 Feb 25, 2024
9ac0da2
Método genérico para consultas
uo277310 Feb 26, 2024
1fbcb59
Merge pull request #66 from Arquisoft/luis
uo283055 Feb 26, 2024
d86204a
punto 8 edición errata
uo283055 Feb 26, 2024
47f3af5
adiciones al punto 8: explicación capas
uo283055 Feb 26, 2024
f090120
Merge branch 'dev' into luis
uo277310 Feb 26, 2024
3bc2f5f
Cambio diagrama despliegue
uo277310 Feb 26, 2024
db71154
Merge pull request #67 from Arquisoft/luis
uo283055 Feb 26, 2024
da51ba3
Merge remote-tracking branch 'origin/dev' into laura
uo283055 Feb 27, 2024
4bff2e2
añadido de imagenes
uo283055 Feb 27, 2024
4adb23d
modificacion tamaño imagenes
uo283055 Feb 27, 2024
236e071
modificacion tamaño imagenes
uo283055 Feb 27, 2024
34341d0
modificaciones punto 8
uo283055 Feb 27, 2024
b7e4cfe
Añadida imagen dominio
uo283055 Feb 28, 2024
ef94254
Ediciones y añadido del dominio a punto 8
uo283055 Feb 28, 2024
9186f53
Merge pull request #68 from Arquisoft/laura
uo287627 Feb 28, 2024
3e57c0e
Modificación imagen (5. Building Block View)
uo287627 Feb 28, 2024
c348b7b
Modificacion del punto 4 de la documentación
uo285427 Feb 29, 2024
d8fa121
Merge remote-tracking branch 'origin/dev' into sergio
uo287627 Feb 29, 2024
15699ec
Detalle título página principal
uo287627 Feb 29, 2024
823ed33
Implementación cronómetro en partida.
uo287627 Feb 29, 2024
dcc5636
Limitación duración de partidas a 3 minutos.
uo287627 Feb 29, 2024
25372a6
Mejora en aspecto visual cronómetro de partida.
uo287627 Feb 29, 2024
afa8841
Merge pull request #69 from Arquisoft/sergio
uo277310 Mar 1, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 46 additions & 0 deletions docker-compose.yml
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,50 @@ services:
networks:
- mynetwork

recordservice:
container_name: recordservice-${teamname:-defaultASW}
image: ghcr.io/arquisoft/wiq_es6b/recordservice:latest
profiles: ["dev", "prod"]
build: ./questions/recordservice
depends_on:
- mongodb
ports:
- "8006:8006"
networks:
- mynetwork
environment:
MONGODB_URI: mongodb://mongodb:27017/recorddb

createservice:
container_name: createservice-${teamname:-defaultASW}
image: ghcr.io/arquisoft/wiq_es6b/createservice:latest
profiles: ["dev", "prod"]
build: ./questions/createservice
depends_on:
- mongodb
ports:
- "8005:8005"
networks:
- mynetwork
environment:
MONGODB_URI: mongodb://mongodb:27017/questiondb


answerservice:
container_name: answerservice-${teamname:-defaultASW}
image: ghcr.io/arquisoft/wiq_es6b/answerservice:latest
profiles: ["dev", "prod"]
build: ./questions/answerservice
depends_on:
- mongodb
ports:
- "8004:8004"
networks:
- mynetwork
environment:
MONGODB_URI: mongodb://mongodb:27017/questiondb


authservice:
container_name: authservice-${teamname:-defaultASW}
image: ghcr.io/arquisoft/wiq_es6b/authservice:latest
Expand Down Expand Up @@ -55,6 +99,8 @@ services:
environment:
AUTH_SERVICE_URL: http://authservice:8002
USER_SERVICE_URL: http://userservice:8001
QUES_SERVICE_URL: http://createservice:8005
ANSW_SERVICE_URL: http://answerservice:8004

webapp:
container_name: webapp-${teamname:-defaultASW}
Expand Down
Binary file added docs/images/05_bbv_level02.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/05_bbv_level03.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/05_bbv_scopecontext.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/07-Deploy-View.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/08-Dominio.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/08-MindMapConceptosTransversales.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/08-capas.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/images/10_qr_tree.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
105 changes: 31 additions & 74 deletions docs/src/01_introduction_and_goals.adoc
Original file line number Diff line number Diff line change
@@ -1,93 +1,50 @@
ifndef::imagesdir[:imagesdir: ../images]

[[section-introduction-and-goals]]
== Introduction and Goals
== Introducción y Objetivos

[role="arc42help"]
****
Describes the relevant requirements and the driving forces that software architects and development team must consider.
These include
WIQ se trata de una aplicación web desarrollada por HappySw para RTVE que permite a los usuarios jugar online a un juego de preguntas y respuestas.

* underlying business goals,
* essential features,
* essential functional requirements,
* quality goals for the architecture and
* relevant stakeholders and their expectations
****
Los usuarios tienen la posibilidad de responder a estas preguntas seleccionando una de las opciones proporcionadas y ganar premios por cada acierto. También podrán ver su histórico de participaciones e intentar mejorarlas.

=== Requirements Overview
Tanto preguntas cómo las respuestas son generadas de manera automática a partir de los datos de Wikidata para evitar su posible desactualización.

[role="arc42help"]
****
.Contents
Short description of the functional requirements, driving forces, extract (or abstract)
of requirements. Link to (hopefully existing) requirements documents
(with version number and information where to find it).
=== Descripción general de los requisitos

.Motivation
From the point of view of the end users a system is created or modified to
improve support of a business activity and/or improve the quality.
Los requisitos principales son:

.Form
Short textual description, probably in tabular use-case format.
If requirements documents exist this overview should refer to these documents.
* Debe poder accederse al juego a través de la Web.
* Los usuarios deben poder registrarse, acceder mediante sus credenciales y consultar el histórico de su participación en el sistema.
* Las preguntas y sus posibles respuestas deben ser generadas automáticamente a partir de los datos de Wikidata.
* Debe haber un tiempo máximo para contestar a cada pregunta.
* Cada pregunta debe tener una única respuesta correcta y varias incorrectas.
* Se debe poder acceder a la información de los usuarios y de las preguntas a través de un API.

Keep these excerpts as short as possible. Balance readability of this document with potential redundancy w.r.t to requirements documents.
=== Objetivos de calidad

Los objetivos de calidad en orden de prioridad son los siguientes:

.Further Information

See https://docs.arc42.org/section-1/[Introduction and Goals] in the arc42 documentation.

****

=== Quality Goals

[role="arc42help"]
****
.Contents
The top three (max five) quality goals for the architecture whose fulfillment is of highest importance to the major stakeholders.
We really mean quality goals for the architecture. Don't confuse them with project goals.
They are not necessarily identical.

Consider this overview of potential topics (based upon the ISO 25010 standard):

image::01_2_iso-25010-topics-EN.drawio.png["Categories of Quality Requirements"]

.Motivation
You should know the quality goals of your most important stakeholders, since they will influence fundamental architectural decisions.
Make sure to be very concrete about these qualities, avoid buzzwords.
If you as an architect do not know how the quality of your work will be judged...

.Form
A table with quality goals and concrete scenarios, ordered by priorities
****
[options="header",cols="1,3,1"]
|===
| Objetivo | Escenario | Prioridad
| Usabilidad | La aplicación contará con una interfaz clara y fácil de entender, permitiendo a cualquier usuario jugar sin dificultades. | Alta
| Disponibilidad | La aplicación estará disponible durante al menos el 98% del tiempo para permitir a los usuarios jugar la mayor cantidad de tiempo posible minimizando interrupciones dejando unas 3 horas y media de mantenimiento semanales. | Alta
| Seguridad | La información de los usuarios estará protegida previniendo al máximo los accesos no autorizados y las posibles violaciones de datos. | Media/Alta
| Rendimiento | Los usuarios tendrán tiempos de respuesta cortos por parte del sistema contando con un máximo de 2 segundos para garantizar una mejor experiencia durante el juego. | Media
| Accesibilidad | Cualquier usuario tendrá las mismas oportunidades que el resto sin importar sus capacidades físicas o cognitivas. | Media
|===

=== Stakeholders

[role="arc42help"]
****
.Contents
Explicit overview of stakeholders of the system, i.e. all person, roles or organizations that

* should know the architecture
* have to be convinced of the architecture
* have to work with the architecture or with code
* need the documentation of the architecture for their work
* have to come up with decisions about the system or its development

.Motivation
You should know all parties involved in development of the system or affected by the system.
Otherwise, you may get nasty surprises later in the development process.
These stakeholders determine the extent and the level of detail of your work and its results.

.Form
Table with role names, person names, and their expectations with respect to the architecture and its documentation.
****
Los stakeholders de la aplicación junto con sus expectativas son:

[options="header",cols="1,2,2"]
|===
|Role/Name|Contact|Expectations
| _<Role-1>_ | _<Contact-1>_ | _<Expectation-1>_
| _<Role-2>_ | _<Contact-2>_ | _<Expectation-2>_
| Rol | Contacto | Expectativas
| Cliente | RTVE | Tener una aplicación que permita acceder a un juego de preguntas y respuestas.
| Compañia desarrolladora | HappySw | Satisfacer al cliente.
| Desarrolladores | Sergio Díaz, Laura Menéndez, Jesús García, Luis Miguel Gómez y Emilio García | Crear una aplicacion que cumpla los requisitos del cliente.
| Coordinadores | Jose Emilio Labra Gayo y Jorge Álvarez Fidalgo | Proporcionar soporte a los desarrolladores para que consigan su objetivo.
| Usuarios | Cualquiera que acceda a la aplicación | Poder jugar a un juego de preguntas y respuestas.
| Tecnologías usadas | JavaScript, React, Wikidata, Node.js, MongoDB, Azure... | Conseguir promoción debido a su uso en diferentes proyectos.
|===
43 changes: 27 additions & 16 deletions docs/src/02_architecture_constraints.adoc
Original file line number Diff line number Diff line change
@@ -1,27 +1,38 @@
ifndef::imagesdir[:imagesdir: ../images]

[[section-architecture-constraints]]
== Architecture Constraints
== Restricciones de la arquitectura

Las restricciones de la arquitectura de este proyecto son las siguientes:

[role="arc42help"]
****
.Contents
Any requirement that constraints software architects in their freedom of design and implementation decisions or decision about the development process. These constraints sometimes go beyond individual systems and are valid for whole organizations and companies.
|===
| Restricción | Explicación

.Motivation
Architects should know exactly where they are free in their design decisions and where they must adhere to constraints.
Constraints must always be dealt with; they may be negotiable, though.
| Uso de Wikidata
| Se debe usar obligatoriamente la API de Wikidata para obtener los datos necesarios
para generar las preguntas y las respuestas dentro del juego.

.Form
Simple tables of constraints with explanations.
If needed you can subdivide them into
technical constraints, organizational and political constraints and
conventions (e.g. programming or versioning guidelines, documentation or naming conventions)
| Despliegue
| La aplicación deberá consistir en una aplicación web, no pudiendo ser una aplicación
móvil o de escritorio.

| Acceso a datos mediante APIs
| El acceso a datos relacionados con los usuarios que participan y las respuestas
a las preguntas deberá realizarse con una API.

.Further Information
| Presupuesto reducido
| El presupuesto para el proyecto es limitado, reduciéndose únicamente a lo que
cada desarrollador esté dispuesto a desembolsar de su propio bolsillo.
|===

See https://docs.arc42.org/section-2/[Architecture Constraints] in the arc42 documentation.

****
Consecuencias de las limitaciones:

* La aplicación web deberá estar suficientemente optimizada para su uso en
navegadores, atendiendo a aspectos relacionados con el rendimiento, la usabilidad
y la disponibilidad.
* El presupuesto reducido implicará un uso mayor de herramientas de código abierto,
reduciendo drásticamente el uso de software bajo licencia.
* El uso de Wikidata reducirá la carga de trabajo de la aplicación, al no tener
que trabajar sobre una base de datos local.

81 changes: 27 additions & 54 deletions docs/src/03_system_scope_and_context.adoc
Original file line number Diff line number Diff line change
@@ -1,75 +1,48 @@
ifndef::imagesdir[:imagesdir: ../images]

[[section-system-scope-and-context]]
== System Scope and Context
== Alcance y contexto del sistema

Nuestro proyecto, denominado "WIQ", consiste en una simulación inspirada en el famoso juego de RTVE "Saber y Ganar" (más información en: https://www.rtve.es/play/videos/saber-y-ganar/), en el cual los concursantes tienen la oportunidad de hacerse con una cantidad de dinero en función del número de respuestas acertadas a preguntas de diversas temáticas, con un límite establecido de tiempo para cada una de ellas.

[role="arc42help"]
****
.Contents
System scope and context - as the name suggests - delimits your system (i.e. your scope) from all its communication partners
(neighboring systems and users, i.e. the context of your system). It thereby specifies the external interfaces.
La aplicación permitirá a los usuarios no solo acumular dinero al participar en la funcionalidad básica de juego de preguntas y respuestas, si no que cuenta también con otras funcionalidades como poder consultar su historial de juegos y el listado completo de usuarios registrados.

If necessary, differentiate the business context (domain specific inputs and outputs) from the technical context (channels, protocols, hardware).

.Motivation
The domain interfaces and technical interfaces to communication partners are among your system's most critical aspects. Make sure that you completely understand them.

.Form
Various options:
=== Contexto de negocio

* Context diagrams
* Lists of communication partners and their interfaces.
Al acceder a la página principal de la aplicación, los usuarios podrán ver una interfaz que les permitirá iniciar sesión para acceder a su cuenta. En caso de ser su primera vez y no tener cuenta, tendrá la opción de registrarse. Una vez autenticados, los usuarios se encontrarán con la opción tanto empezar un nuevo juego como de ver su historial
de jugadas anteriores.

Dentro del historial, este le mostrará el número de partidas totales realizadas y por cada una de ellas la fecha en la que se jugó, el número de respuestas acertadas, el dinero conseguido y el tiempo total
que le llevó completarlo.

.Further Information
Aparte de eso también tendrán la opción de visualizar el listado completo de usuarios registrados hasta la fecha.

See https://docs.arc42.org/section-3/[Context and Scope] in the arc42 documentation.

****

=== Contexto técnico

=== Business Context
Para el desarrollo de este proyecto usaremos la API de Wikidata tanto para generar automaticamente las preguntas como para obtener
las respuestas correctas a las mismas.
Respecto al lenguaje de programación se usará JavaScript, utilizando React para el desarrollo del front-end. Además
haremos uso de Node.js y la implementación de microservicios para el back-end. Respecto a la base de datos usaremos una NonQL como MongoDB.

[role="arc42help"]
****
.Contents
Specification of *all* communication partners (users, IT-systems, ...) with explanations of domain specific inputs and outputs or interfaces.
Optionally you can add domain specific formats or communication protocols.
|===
| Interfaz técnica | Explicación

.Motivation
All stakeholders should understand which data are exchanged with the environment of the system.
| Wikidata
| API usada para generar automáticamente las preguntas y obtener su respuesta.

.Form
All kinds of diagrams that show the system as a black box and specify the domain interfaces to communication partners.
| JavaScript
| Lenguaje principal de la aplicación.

Alternatively (or additionally) you can use a table.
The title of the table is the name of your system, the three columns contain the name of the communication partner, the inputs, and the outputs.
| React
| Librería JavaScript que nos permitirá construir la interfaz de la aplicación.

****
| MongoDB
| Base de datos NoSQL.

**<Diagram or Table>**

**<optionally: Explanation of external domain interfaces>**

=== Technical Context

[role="arc42help"]
****
.Contents
Technical interfaces (channels and transmission media) linking your system to its environment. In addition a mapping of domain specific input/output to the channels, i.e. an explanation which I/O uses which channel.

.Motivation
Many stakeholders make architectural decision based on the technical interfaces between the system and its context. Especially infrastructure or hardware designers decide these technical interfaces.

.Form
E.g. UML deployment diagram describing channels to neighboring systems,
together with a mapping table showing the relationships between channels and input/output.

****

**<Diagram or Table>**

**<optionally: Explanation of technical interfaces>**

**<Mapping Input/Output to Channels>**
| Node.Js
| Entorno de servidor para tratar los endpoints.
|===
Loading
Loading