# braianmartinezzz/practicos_pow architecture

> Architecture diagram of the GitHub repository braianmartinezzz/practicos_pow, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-25). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/braianmartinezzz/practicos_pow
- Repository: https://github.com/braianmartinezzz/practicos_pow

## Overview

This repository is a set of independent Spanish-language web exercises, not one integrated application. The likely user workflow is to open an exercise page and interact with its browser-based demo; sampled scripts show DOM updates, local storage, and one external Pokémon API lookup. The README is empty, and HTML-to-script wiring was not sampled, so the graph omits those uncertain links and represents the visible exercise capabilities separately.

Main entry points: [`tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js`](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js) (Number guessing), [`tp3_ajax-css-js-bootstrap-webreactiva/ej2/recursos/js/script.js`](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej2/recursos/js/script.js) (Number turnero), [`tp3_ajax-css-js-bootstrap-webreactiva/ej3/recursos/js/script.js`](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej3/recursos/js/script.js) (Pokémon search), [`tp0_probando/paginas_pow/index.html`](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp0_probando/paginas_pow/index.html) (Intro pages)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_html["HTML exercises"]
  node_intro["Intro pages<br/>[index.html]"]
  node_htmlset["HTML examples"]
end

subgraph group_browser["Browser exercises"]
  node_sum["Array sum<br/>[sumaArreglos.js]"]
  node_browserinfo["Browser info<br/>[script.js]"]
  node_clock["Live clock<br/>[script.js]"]
  node_gallery["Image gallery<br/>[script.js]"]
  node_cuil["CUIL validation<br/>[script.js]"]
end

subgraph group_ajax["AJAX exercises"]
  node_guess["Number guessing<br/>[script.js]"]
  node_guessstats["Game statistics<br/>[script.js]"]
  node_turnero["Number turnero<br/>[script.js]"]
  node_turnstorage[("Turnero state")]
  node_pokemon["Pokémon search<br/>[script.js]"]
end

node_visitor(("Visitor"))
node_pokeapi{{"PokéAPI"}}

node_visitor -->|"opens"| node_intro
node_visitor -->|"opens"| node_htmlset
node_visitor -->|"enters numbers"| node_sum
node_visitor -->|"views"| node_browserinfo
node_visitor -->|"views"| node_clock
node_visitor -->|"interacts"| node_gallery
node_visitor -->|"submits CUIL"| node_cuil
node_visitor -->|"guesses number"| node_guess
node_visitor -->|"sets limits"| node_turnero
node_visitor -->|"searches"| node_pokemon
node_guess -->|"updates"| node_guessstats
node_guess -.->|"reads and writes"| node_turnstorage
node_turnero -->|"reads and writes"| node_turnstorage
node_pokemon -->|"fetches data"| node_pokeapi

click node_intro "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp0_probando/paginas_pow/index.html"
click node_htmlset "https://github.com/braianmartinezzz/practicos_pow/tree/main/tp1_html"
click node_sum "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej10/sumaArreglos.js"
click node_browserinfo "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej11/script.js"
click node_clock "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej12/script.js"
click node_gallery "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej14/script.js"
click node_cuil "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej16/recursos/js/script.js"
click node_guess "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js"
click node_guessstats "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js"
click node_turnero "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej2/recursos/js/script.js"
click node_pokemon "https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej3/recursos/js/script.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_intro,node_htmlset toneBlue
class node_sum,node_browserinfo,node_clock,node_gallery,node_cuil toneAmber
class node_guess,node_guessstats,node_turnero,node_turnstorage,node_pokemon,node_pokeapi toneMint
class node_visitor toneIndigo
```

## Components

### HTML exercises

- [Intro pages](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp0_probando/paginas_pow/index.html): `tp0_probando/paginas_pow/index.html`
- [HTML examples](https://github.com/braianmartinezzz/practicos_pow/tree/main/tp1_html): `tp1_html`

### Browser exercises

- [Array sum](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej10/sumaArreglos.js): `tp2_hmtl-framework-javascript/ej10/sumaArreglos.js`
- [Browser info](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej11/script.js): `tp2_hmtl-framework-javascript/ej11/script.js`
- [Live clock](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej12/script.js): `tp2_hmtl-framework-javascript/ej12/script.js`
- [Image gallery](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej14/script.js): `tp2_hmtl-framework-javascript/ej14/script.js`
- [CUIL validation](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp2_hmtl-framework-javascript/ej16/recursos/js/script.js): `tp2_hmtl-framework-javascript/ej16/recursos/js/script.js`

### AJAX exercises

- [Number guessing](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js): `tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js`
- [Game statistics](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js): `tp3_ajax-css-js-bootstrap-webreactiva/ej1/recursos/js/script.js`
- [Number turnero](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej2/recursos/js/script.js): `tp3_ajax-css-js-bootstrap-webreactiva/ej2/recursos/js/script.js`
- **Turnero state**
- [Pokémon search](https://github.com/braianmartinezzz/practicos_pow/blob/main/tp3_ajax-css-js-bootstrap-webreactiva/ej3/recursos/js/script.js): `tp3_ajax-css-js-bootstrap-webreactiva/ej3/recursos/js/script.js`

### Other components

- **Visitor**
- **PokéAPI**

## Connections

- Visitor → Intro pages: opens
- Visitor → HTML examples: opens
- Visitor → Array sum: enters numbers
- Visitor → Browser info: views
- Visitor → Live clock: views
- Visitor → Image gallery: interacts
- Visitor → CUIL validation: submits CUIL
- Visitor → Number guessing: guesses number
- Visitor → Number turnero: sets limits
- Visitor → Pokémon search: searches
- Number guessing → Game statistics: updates
- Number guessing → Turnero state: reads and writes
- Number turnero → Turnero state: reads and writes
- Pokémon search → PokéAPI: fetches data