Skip to content

ravikant-diwakar/ShowTime

 
 

Repository files navigation

Showtime svg

ShowTime - Ticket Booking Application

Welcome to ShowTime, a comprehensive ticket booking application designed for a seamless experience in booking seats for your favorite shows and movies. This application offers user login and registration with verification mechanisms, a home page displaying various shows, and a secure checkout process integrated with Razorpay.

Features

  1. User Authentication

    • User login and registration with verification.
    • Secure authentication using Firebase.
  2. Home Page

    • Displays a minimum of 5 shows or movies.
    • Each show/movie has a detailed page with comprehensive information.
  3. Booking Seats

    • Allows users to select desired seats for the chosen show.
    • Real-time seat blocking to prevent double booking.
  4. Payment Integration

    • Secure payment portal using Razorpay.
    • Seamless transaction completion and receipt generation.
  5. Responsive UX Design

    • User-friendly and responsive design for seamless browsing and booking across devices.
  6. Checkout Process

    • Confirmation of booking and generation of receipts.
    • Records of receipts are saved for future reference.

Installation

  1. Clone the repository

    git clone https://github.com/GauravKumar1741/ShowTime.git
    cd ShowTime
  2. Install dependencies

    npm install
  3. Set up Firebase

    • Follow the instructions on the Firebase setup guide to create a project and obtain your Firebase configuration.
    • Create a .env file in the root directory and add your Firebase configuration.
      REACT_APP_FIREBASE_API_KEY=your_api_key
      REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
      REACT_APP_FIREBASE_PROJECT_ID=your_project_id
      REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
      REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
      REACT_APP_FIREBASE_APP_ID=your_app_id
  4. Set up Razorpay

    • Follow the Razorpay documentation to create an account and obtain your API keys.
    • Add the Razorpay API keys to your .env file.
      RAZORPAY_KEY_ID=your_key_id
      RAZORPAY_KEY_SECRET=your_key_secret
  5. Run the application

    npm run dev

Usage

  1. User Registration and Login

    • Register a new user or log in with an existing account.
    • Verification email will be sent for new registrations.
  2. Browsing Shows

    • Browse through the list of available shows/movies on the home page.
    • Click on a show/movie to view its detailed page.
  3. Booking Seats

    • Select the desired seats for the chosen show.
    • Proceed to checkout.
  4. Payment

    • Complete the transaction using the integrated Razorpay payment portal.
    • Receive a booking confirmation and a receipt.
  5. Receipt and Booking History

    • View past receipts and booking history for reference.

Contributing

We welcome contributions to improve ShowTime! Here’s how you can help:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature-branch).
  6. Open a Pull Request.

Contact

For any inquiries or feedback, please reach out to us at [email protected].

Screenshot 2024-07-25 152856

Screenshot 2024-07-25 153052

Screenshot 2024-07-25 205756


Enjoy your shows with ShowTime!

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.0%
  • CSS 1.9%
  • HTML 0.1%