Skip to content

Arya25program/music-fest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Music Fest Website

A responsive web application for a fictional Music Festival. Includes pages for lineup, event schedule, gallery, and seat booking system with seat selection, multiple booking support, and booking persistence via localStorage.


🚀 Features

  • Home Page (index.html) – Festival hero section, call to action, and highlights.

  • Gallery (gallery.html) – Showcase images of artists and past festivals.

  • Schedule (schedule.html) – Responsive grid of performances with time and stage labels.

  • Booking (booking.html)

    • Interactive seat selection (200 seats).
    • Stage bar visualization.
    • Book single or multiple seats.
    • Stores booking info (name, phone, seats) using browser localStorage.
    • Booked seats appear in red and cannot be re-selected.

🛠️ Tech Stack

  • HTML5
  • CSS3 (Bootstrap 5)
  • JavaScript (Vanilla JS, LocalStorage)
  • Google Fonts

📂 Project Structure

music-fest/
│
├── index.html       # Homepage  
├── gallery.html     # Festival gallery  
├── schedule.html    # Event schedule  
├── booking.html     # Seat booking system  
└── README.md        # Project documentation  

📸 Screenshots

🎤 Booking Page with Seat Selection

image

📅 Festival Schedule

image

📌 Future Enhancements

  • Add backend (Node.js / Firebase) for real ticket management.
  • Payment gateway integration (Razorpay / Stripe).
  • User login & booking history.

👨‍💻 Author

Developed by [Arya Ramachandran] 🎶


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages