How juanchit300y-art/sinfonia-proyect works
Sintonia is a React frontend for a music and podcast platform. Visitors enter through the app shell, browse the public landing page or catalog, and use navigation to explore genres, artists, albums, and songs; the hooks load catalog and landing-page data from the configured API. The interface also includes language, cookie-consent, and accessibility controls. Edges reflect imports, calls, and API requests shown in the supplied excerpts or source index; unsampled implementation details are not inferred.
Main entry points: App.jsx App and routing · CatalogoMusical.jsx Music catalog · InicioPublico.jsx Public home · Icono.jsx Icon renderer
Components 22
App shell
- App and routing
src/App.jsx - Interface text
src/hooks/useTextos.js - Navigation bar
src/components/Navbar.jsx - Footer
src/components/Footer.jsx
Music discovery
- Public home
src/components/InicioPublico.jsx - Landing hero
src/components/HeroSintonia.jsx - Call to action
src/components/BannerCta.jsx - Music catalog
src/components/CatalogoMusical.jsx - Home data hook
src/hooks/useInicio.js - Catalog data hook
src/hooks/useCatalogo.js - Genre sections
src/components/SeccionGeneros.jsx - Artist section
src/components/SeccionArtista.jsx - Album sections
src/components/SeccionAlbumes.jsx - Song list
src/components/ListaCanciones.jsx
User preferences
- Cookie banner
src/components/BannerCookies.jsx - Cookie preferences
src/components/PreferenciasCookies.jsx - Accessibility controls
src/components/Accesibilidad.jsx
Shared visuals
- Cover collage
src/components/CollagePortadas.jsx - Cover artwork
src/components/Portada.jsx - Icon renderer
src/components/Icono.jsx
Other components
- Visitor
- Sintonia API
Connections 30
- Visitor → App and routing: uses
src/App.jsx - App and routing → Interface text: loads text
src/App.jsx - App and routing → Home data hook: loads home data
src/App.jsx - App and routing → Navigation bar: renders
src/App.jsx - App and routing → Footer: renders
src/App.jsx - App and routing → Public home: renders
src/App.jsx - App and routing → Music catalog: renders
src/App.jsx - App and routing → Cookie banner: renders
src/App.jsx - Home data hook → Sintonia API: fetches genres
src/hooks/useInicio.js - Catalog data hook → Sintonia API: fetches catalog
src/hooks/useCatalogo.js - Public home → Landing hero: renders
src/components/InicioPublico.jsx - Public home → Album sections: renders
src/components/InicioPublico.jsx - Public home → Genre sections: renders
src/components/InicioPublico.jsx - Public home → Call to action: renders
src/components/InicioPublico.jsx - Music catalog → Catalog data hook: calls
src/components/CatalogoMusical.jsx - Music catalog → Genre sections: renders
src/components/CatalogoMusical.jsx - Music catalog → Artist section: renders
src/components/CatalogoMusical.jsx - Music catalog → Album sections: renders
src/components/CatalogoMusical.jsx - Music catalog → Song list: renders
src/components/CatalogoMusical.jsx - Landing hero → Cover collage: renders
src/components/HeroSintonia.jsx - Cover collage → Cover artwork: renders
src/components/CollagePortadas.jsx - Album sections → Cover artwork: renders
src/components/SeccionAlbumes.jsx - Genre sections → Cover artwork: renders
src/components/SeccionGeneros.jsx - Navigation bar → Accessibility controls: renders
src/components/Navbar.jsx - Navigation bar → Icon renderer: renders
src/components/Navbar.jsx - Footer → Cookie preferences: renders
src/components/Footer.jsx - Footer → Icon renderer: renders
src/components/Footer.jsx - Accessibility controls → Icon renderer: renders
src/components/Accesibilidad.jsx - Cookie preferences → Icon renderer: renders
src/components/PreferenciasCookies.jsx - Cookie banner → Cookie preferences: opens by event
src/components/PreferenciasCookies.jsx