How sanjay200812/starx-official works
STARX LIVE is a React website for a Hyderabad rock band. Visitors enter through the cinematic intro and navigation, then browse the band, upcoming event, members, performances, media, and past shows; they can open member or media details and follow booking or social links. App.jsx coordinates the views and shared overlays. The README documents the major content areas, while sampled source confirms some view and data connections; uncertain wiring among unsampled views is not shown.
Main entry points: App.jsx App Router · ContactView.jsx Bookings Contact · ArtistsView.jsx Band Members · MediaView.jsx Media Gallery
Components 24
Site Shell
- React Entry
src/main.jsx - App Router
src/App.jsx - Opening Intro
src/components/StarXIntro.jsx - Site Navigation
src/components/Navbar.jsx - Site Backdrop
src/components/SiteBackground.jsx
Band Content
- Home Sections
src/sections/Hero.jsx - Band Story
src/views/AboutView.jsx - Upcoming Event
src/sections/NextEvent.jsx - Band Members
src/views/ArtistsView.jsx - Live Performances
src/views/PerformancesView.jsx - Media Gallery
src/views/MediaView.jsx - Past Events
src/views/EventsView.jsx - Crew
src/views/CrewView.jsx
Visitor Engagement
- Bookings Contact
src/views/ContactView.jsx - Site Footer
src/sections/Footer.jsx - Member Details
src/components/MemberDetailModal.jsx - Media Lightbox
src/components/ImageLightbox.jsx - WhatsApp Shortcut
src/components/FloatingWhatsApp.jsx
Content Data
- Site Content
src/data/siteData.js - Artist Records
src/data/artists.js - Crew Records
src/data/crew.js
Other components
- Visitor
- Social Platforms
- WhatsApp Service
Connections 31
- Visitor → React Entry: opens site
- React Entry → App Router: renders
- App Router → Opening Intro: shows intro
- App Router → Site Navigation: renders navigation
- App Router → Site Backdrop: renders backdrop
- App Router → Home Sections: renders home
- App Router → Band Story: routes to
- App Router → Upcoming Event: renders event
- App Router → Band Members: routes to
- App Router → Live Performances: routes to
- App Router → Media Gallery: routes to
- App Router → Past Events: routes to
- App Router → Crew: routes to
- App Router → Bookings Contact: routes to
- App Router → Site Footer: renders footer
- App Router → Member Details: controls modal
- App Router → Media Lightbox: controls lightbox
- App Router → WhatsApp Shortcut: renders shortcut
- Band Story → Site Content: reads content
- Bookings Contact → Site Content: reads contact data
- Band Members → Artist Records: reads artist data
- Crew → Crew Records: reads crew data
- Visitor → Site Navigation: selects view
- Visitor → Band Members: selects member
- Band Members → Member Details: opens details
- Visitor → Media Gallery: filters gallery
- Media Gallery → Media Lightbox: opens image
- Bookings Contact → Social Platforms: opens channels
- Bookings Contact → WhatsApp Service: opens WhatsApp
- WhatsApp Shortcut → WhatsApp Service: opens chat
- Site Footer → Social Platforms: links channels