How jedu-1210/taquilla_project works
Taquilla is a Spanish/English event-discovery frontend: visitors browse featured and upcoming events on the home page, search by event, city, or date, or explore a list filtered and sorted by category, city, and price. The app also loads localized interface text and provides accessibility controls. The graph captures the sampled page, hook, and service calls; the README is empty, and unsampled components are represented only where the source index or excerpts establish their role.
Main entry points: home.page.jsx Home page · App.jsx App router · eventosService.js Event API client · Explorar.jsx Explore page
Components 21
App shell
- App router
src/App.jsx - Text loading
src/hooks/useTextos.js
Event discovery
- Home page
src/pages/home.page.jsx - Home search
src/components/Searchbar.jsx - Featured events
src/hooks/useEventosDestacados.js - Category loading
src/hooks/useCategoria.js - Category browse
src/components/Categorias.jsx - Explore page
src/pages/Explorar.jsx - Explore loading
src/hooks/useExplorarEventos.js - Explore filters
src/components/FiltrosEventos.jsx - Event API client
src/services/eventosService.js
Event presentation
- Event sections
src/components/SeccionEventos.jsx - Event card
src/components/EventoCard.jsx - Featured ticket
src/components/ticket.jsx
Shared interface
- Navigation bar
src/components/Navbar.jsx - Accessibility controls
src/components/Accesibilidad.jsx - Icon rendering
src/components/Icono.jsx - Cookie notice
src/components/Cookies.jsx - Site footer
src/components/Footer.jsx
Other components
- Visitor
- Event API
Connections 27
- Visitor → App router: opens
- App router → Text loading: loads text
src/App.jsx - App router → Navigation bar: renders
src/App.jsx - App router → Home page: routes to
src/App.jsx - App router → Explore page: routes to
src/App.jsx - Text loading → Event API: fetches text
src/hooks/useTextos.js - Visitor → Home search: enters search
src/components/Searchbar.jsx - Home search → Home page: submits filters
src/components/Searchbar.jsx - Home page → Event API client: searches events
src/pages/home.page.jsx - Home page → Featured events: loads highlights
src/pages/home.page.jsx - Featured events → Event API client: requests highlights
src/hooks/useEventosDestacados.js - Home page → Category browse: renders
src/pages/home.page.jsx - Category browse → Category loading: uses categories
src/components/Categorias.jsx - Category loading → Event API client: loads categories
src/hooks/useCategoria.js - Home page → Event sections: renders events
src/pages/home.page.jsx - Home page → Featured ticket: renders highlight
src/pages/home.page.jsx - Home page → Cookie notice: renders notice
src/pages/home.page.jsx - Home page → Site footer: renders footer
src/pages/home.page.jsx - Event sections → Event card: renders cards
src/components/SeccionEventos.jsx - Explore page → Explore loading: loads events
src/pages/Explorar.jsx - Explore loading → Event API client: searches events
src/hooks/useExplorarEventos.js - Explore page → Explore filters: renders filters
src/pages/Explorar.jsx - Explore page → Event card: renders results
src/pages/Explorar.jsx - Event API client → Event API: requests events
src/services/eventosService.js - Navigation bar → Accessibility controls: renders controls
src/components/Navbar.jsx - Navigation bar → Icon rendering: renders icons
src/components/Navbar.jsx - Visitor → Navigation bar: navigates