How cpgabo/final-proyect-firstsem-frontend works
This is a small Spanish-language frontend with an entry page, an article home page, and an article-detail page. The main reader workflow starts at the entry page, continues to a list loaded from an articles API, and opens a selected article by ID. The home and detail pages also fetch Montevideo weather; the home page includes contact-form validation, while the entry page provides a noise-based audio player. Source excerpts show these behaviors, but the HTML and backend are not sampled.
Main entry points: script.js Article listing · index.js Home navigation · articulo.js Article detail loader · index.html Entry page
Components 14
Entry and audio
- Entry page
INDEX/index.html - Home navigation
INDEX/index.js - Noise player
INDEX/index.js
Article browsing
- Home page
HOME/home.html - Article listing
HOME/script.js
Article reading
- Article detail page
ARTICULO/articulo.html - Article detail loader
ARTICULO/articulo.js/articulo.js
Home features
- Home weather
HOME/script.js - Detail weather
ARTICULO/articulo.js/articulo.js - Contact form
HOME/script.js
Other components
- Visitor
- Browser audio API
- Articles API
- Open-Meteo
Connections 11
- Visitor → Entry page: opens
- Visitor → Noise player: starts playback
INDEX/index.js - Noise player → Browser audio API: uses
INDEX/index.js - Visitor → Home navigation: clicks
INDEX/index.js - Home navigation → Home page: navigates
INDEX/index.js - Article listing → Articles API: fetches list
HOME/script.js - Article listing → Article detail page: links to
HOME/script.js - Article detail loader → Articles API: fetches article
ARTICULO/articulo.js/articulo.js - Home weather → Open-Meteo: fetches forecast
HOME/script.js - Detail weather → Open-Meteo: fetches forecast
ARTICULO/articulo.js/articulo.js - Visitor → Contact form: submits
HOME/script.js