How jacomatisa/cromoverso works
Cromoverso is a React frontend for exploring six themed worlds and their collectible cards. Visitors enter through the home page, browse a world catalog, and view/filter that world's cards; the app also loads localized interface text and provides accessibility and cookie-preference controls. The graph preserves the documented hero, worlds, catalog, and shared-site capabilities. Some domain components are represented from the README and source index; their internal wiring is omitted where no excerpt establishes it.
Main entry points: App.jsx App Router · AbanicoCromos.jsx Featured Cards · VistaMundo.jsx World Catalog View · LayoutPublico.jsx Public Layout
Components 23
Application
- App Router
src/App.jsx - Localized Texts
src/hooks/useTextos.js - API Client
src/services/api.js
World Discovery
- Home View
src/components/VistaInicio.jsx - Hero Section
src/components/HeroCromoverso.jsx - Featured Cards
src/components/AbanicoCromos.jsx - Worlds Section
src/components/SeccionMundos.jsx
Card Catalog
- World Catalog View
src/components/VistaMundo.jsx - World Filters
src/components/MenuLateralMundos.jsx - Card Tile
src/components/TarjetaCromo.jsx - Card Artwork
src/components/ArteCromo.jsx - Image Resolver
src/assets/imagenes.js
Shared Experience
- Public Layout
src/components/LayoutPublico.jsx - Navigation Bar
src/components/Navbar.jsx - Accessibility Menu
src/components/MenuAccesibilidad.jsx - Language Selector
src/components/SelectorIdioma.jsx - Site Footer
src/components/Footer.jsx - Cookie Manager
src/components/GestorCookies.jsx - Cookie Banner
src/components/BannerCookies.jsx - Cookie Preferences
src/components/PreferenciasCookies.jsx - Cookie Utilities
src/utils/cookies.js
Other components
- Visitor
- Cromoverso API
Connections 27
- Visitor → App Router: opens
- App Router → Localized Texts: loads texts
src/App.jsx - Localized Texts → API Client: requests text
src/hooks/useTextos.js - API Client → Cromoverso API: fetches data
README.md - App Router → Public Layout: renders
src/App.jsx - App Router → Home View: routes to
src/App.jsx - App Router → World Catalog View: routes to
src/App.jsx - Public Layout → Navigation Bar: renders
src/components/LayoutPublico.jsx - Public Layout → Site Footer: renders
src/components/LayoutPublico.jsx - Public Layout → Cookie Manager: renders
src/components/LayoutPublico.jsx - Navigation Bar → Accessibility Menu: renders
src/components/Navbar.jsx - Navigation Bar → Language Selector: renders
src/components/Navbar.jsx - Cookie Manager → Cookie Banner: renders
src/components/GestorCookies.jsx - Cookie Manager → Cookie Preferences: renders
src/components/GestorCookies.jsx - Cookie Manager → Cookie Utilities: uses
src/components/GestorCookies.jsx - App Router → Cookie Utilities: reads and writes
src/App.jsx - Home View → Hero Section: renders
src/components/VistaInicio.jsx - Home View → Worlds Section: renders
src/components/VistaInicio.jsx - Hero Section → Featured Cards: renders
src/components/HeroCromoverso.jsx - Featured Cards → API Client: loads featured cards
src/components/AbanicoCromos.jsx - Featured Cards → Card Artwork: renders artwork
src/components/AbanicoCromos.jsx - Featured Cards → Image Resolver: resolves illustration
src/components/AbanicoCromos.jsx - World Catalog View → API Client: loads world and cards
src/components/VistaMundo.jsx - World Catalog View → World Filters: renders filters
src/components/VistaMundo.jsx - World Catalog View → Card Tile: renders cards
src/components/VistaMundo.jsx - Card Tile → Card Artwork: renders artwork
src/components/TarjetaCromo.jsx - Card Artwork → Image Resolver: resolves card art
src/components/ArteCromo.jsx