🎭 PickASeat - Theater Seat Booking Website

PickASeat is a modern web application for browsing shows and booking movie or theater seats online. Built using React and Vite, this project showcases key frontend development concepts including client-side routing, component-based architecture, state management, and form handling.

🚀 Features

• 🔍 Browse shows, movies, and venues
• 🪑 Select and reserve seats in real-time
• 💳 Simulated payment flow
• 📅 View showtimes by date and location
• 📱 Responsive design for mobile and desktop

🛠️ Tech Stack

• Frontend: React
• Routing: React Router DOM
• Styling: CSS Modules
• State Management: useState, useEffect, useContext
• Build Tool: Vite

📁 Project Structure

PickASeat/
├── PICKASEAT/
│   ├── .gitignore
│   ├── eslint.config.js
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── vite.config.js
│   ├── src/
│   │   ├── App.css
│   │   ├── App.jsx
│   │   ├── main.jsx
│   │   ├── components/
│   │   │   ├── About.jsx
│   │   │   ├── AuthContext.jsx
│   │   │   ├── Booking.jsx
│   │   │   ├── Details.jsx
│   │   │   ├── Footer.jsx
│   │   │   ├── Home.jsx
│   │   │   ├── Login.jsx
│   │   │   ├── Movies.jsx
│   │   │   ├── MyBooking.jsx
│   │   │   ├── Payment.jsx
│   │   │   └── Signup.jsx
│   │   └── assets/
│   │
│   ├── public/
│   │   └── vite.svg

🧑‍💻 Getting Started

Prerequisites

Ensure you have Node.js and npm installed.

Installation

  git clone https://github.com/Dhivakar2005/PickASeat.git
  cd PICKASEAT
  npm install
  npm install react-router-dom

Running the App

  npm run dev

Open http://localhost:3000 to view it in the browser.

📌 Future Improvements

• Integrate payment gateway (Stripe, Razorpay)

• Add user authentication (JWT/Firebase Auth)

• Admin dashboard for show management

• Real-time seat locking with WebSockets

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

📄 License

MIT License. See LICENSE file for details.