How dana52855/taquilla works
This is a Spanish-language event-discovery frontend. Visitors land on a home page with featured and upcoming events, then browse events with search, category, date, price, city, sort, and pagination controls. App owns routing, shared language and consent state; the public layout provides navigation, footer, cookie consent, and accessibility settings. The excerpts show text loading and accessibility persistence, but do not show the event-fetch implementations or Explore’s omitted request logic, so those data links are left unverified.
Main entry points: LayoutPublico.jsx Public layout · Home.jsx Home discovery · Tarjeta.jsx Event card · Navbar.jsx Navigation
Components 21
Application and routing
- App and routes
src/App.jsx - Text loader
src/hooks/useTextos.js - Public layout
src/layouts/LayoutPublico.jsx
Event discovery
- Home discovery
src/pages/Home/Home.jsx - Event explorer
src/pages/Explorar/Explorar.jsx - Event data hook
src/hooks/useEventos.js - Category data hook
src/hooks/useCategorias.js - Event card
src/components/Tarjeta/Tarjeta.jsx - Event cover
src/components/Portada/Portada.jsx
Shared interface
- Navigation
src/components/Navbar/Navbar.jsx - Footer
src/components/Footer/Footer.jsx - Cookie banner
src/components/BannerCookies/BannerCookies.jsx - Button
src/components/Boton/Boton.jsx - Category tag
src/components/Etiqueta/Etiqueta.jsx - Icon renderer
src/components/Icono.jsx
Visitor preferences
- Accessibility panel
src/components/PanelAccesibilidad/PanelAccesibilidad.jsx - Language selector
src/components/SelectorIdioma/SelectorIdioma.jsx - Viewport hook
src/hooks/useMediaQuery.js
Other components
- Visitor
- Texts API
- Browser local storage
Connections 26
- Visitor → App and routes: opens site
src/App.jsx - App and routes → Text loader: loads texts
src/App.jsx - Text loader → Texts API: fetches texts
src/hooks/useTextos.js - App and routes → Public layout: routes through
src/App.jsx - Public layout → Home discovery: renders route
src/App.jsx - Public layout → Event explorer: renders route
src/App.jsx - Public layout → Navigation: renders
src/layouts/LayoutPublico.jsx - Public layout → Footer: renders
src/layouts/LayoutPublico.jsx - Public layout → Cookie banner: renders
src/layouts/LayoutPublico.jsx - Public layout → Accessibility panel: renders
src/layouts/LayoutPublico.jsx - Home discovery → Event data hook: loads events
src/pages/Home/Home.jsx - Home discovery → Category data hook: loads categories
src/pages/Home/Home.jsx - Home discovery → Event card: renders events
src/pages/Home/Home.jsx - Home discovery → Event cover: renders feature
src/pages/Home/Home.jsx - Home discovery → Category tag: renders labels
src/pages/Home/Home.jsx - Event explorer → Event card: renders results
src/pages/Explorar/Explorar.jsx - Event card → Event cover: renders cover
src/components/Tarjeta/Tarjeta.jsx - Event card → Category tag: renders label
src/components/Tarjeta/Tarjeta.jsx - Event card → Button: renders action
src/components/Tarjeta/Tarjeta.jsx - Event card → Icon renderer: renders icons
src/components/Tarjeta/Tarjeta.jsx - Navigation → Button: renders actions
src/components/Navbar/Navbar.jsx - Navigation → Language selector: renders selector
src/components/Navbar/Navbar.jsx - Navigation → Viewport hook: checks viewport
src/components/Navbar/Navbar.jsx - Navigation → Icon renderer: renders icons
src/components/Navbar/Navbar.jsx - Accessibility panel → Icon renderer: renders icon
src/components/PanelAccesibilidad/PanelAccesibilidad.jsx - Accessibility panel → Browser local storage: persists settings
src/components/PanelAccesibilidad/PanelAccesibilidad.jsx