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

No packages published

Languages