How joshi-7122/vibeathon works
VIBEATHON is a React landing page for an online hackathon. A visitor explores the event details, tracks, schedule, prizes, organizers, and FAQs, then can follow the registration link to Unstop. App coordinates the intro and page sections; the sections present event data maintained in src/data/hackathon.js. The README documents the page’s media, contact, and FAQ capabilities. Sampled source shows the app composition and hero behavior; links to unsampled sections and data are based on the README, tree, and documented data module, not inspected implementations.
Main entry points: App.jsx App · hackathon.js Hackathon content · Hero.jsx Hero · Tracks.jsx Tracks
Components 20
Page composition
- App
src/App.jsx - Navigation
src/components/Header.jsx - Marquee ticker
src/components/MarqueeTicker.jsx - Contact and links
src/components/Footer.jsx
Event information
- About and countdown
src/components/AboutSection.jsx - Event stats
src/components/Stats.jsx - Tracks
src/components/Tracks.jsx - Track cards
src/components/ArmorTrackCard.jsx - Prizes
src/components/PrizesSection.jsx - Schedule
src/components/Timeline.jsx - Organizers
src/components/CrewSection.jsx - FAQs
src/components/FaqSection.jsx
Interactive experience
- Suit-up intro
src/components/IronSuitupIntro.jsx - Hero
src/components/Hero.jsx - Background music
src/components/BackgroundMusic.jsx - Gauntlet cursor
src/components/StarkCursor.jsx
Shared content
- Hackathon content
src/data/hackathon.js
Other components
- Visitor
- Unstop registration
- Browser media APIs
Connections 32
- Visitor → App: opens page
- App → Suit-up intro: renders
- App → Navigation: renders
- App → Hero: renders
- App → Marquee ticker: renders
- App → About and countdown: renders
- App → Event stats: renders
- App → Tracks: renders
- App → Prizes: renders
- App → Schedule: renders
- App → Organizers: renders
- App → FAQs: renders
- App → Contact and links: renders
- App → Background music: renders
- App → Gauntlet cursor: renders
- Tracks → Track cards: renders
- Navigation → Hackathon content: reads navigation
- Hero → Hackathon content: reads event details
- Hero → Unstop registration: links to register
- About and countdown → Hackathon content: reads event details
- Event stats → Hackathon content: reads statistics
- Tracks → Hackathon content: reads tracks
- Track cards → Hackathon content: receives track content
- Prizes → Hackathon content: reads prize content
- Schedule → Hackathon content: reads schedule
- Organizers → Hackathon content: reads organizer content
- FAQs → Hackathon content: reads questions
- Contact and links → Hackathon content: reads contact and links
- Hero → Browser media APIs: plays video and audio
- Background music → Browser media APIs: plays background audio
- Gauntlet cursor → Browser media APIs: tracks pointer
- Suit-up intro → App: signals completion