BB-Tickets - Mobile Ticket Booking App

Demo Link :- https://drive.google.com/file/d/1ztKClXdJvNdbvs4ttH5HkRj-fHC3V_G0/view?usp=drive_link

A comprehensive mobile application for booking tickets to shows, movies, concerts, and theater performances. Built with React Native and Expo.

Features

🎫 Core Functionality

• Browse & Search Shows: Search and filter shows by category, price, and date
• Interactive Seat Selection: Visual seat map with real-time availability
• Digital Tickets: QR code generation for easy venue entry
• Booking History: Track past and upcoming events
• Push Notifications: Booking confirmations and show reminders

📱 User Experience

• Intuitive Navigation: Bottom tab navigation with clear sections
• Material Design: Clean UI using React Native Paper
• Real-time Updates: Live seat availability and booking status
• Offline Support: View booked tickets without internet

🔧 Technical Features

• State Management: Context API for global state
• Navigation: React Navigation v6 with stack and tab navigators
• QR Code Generation: Digital ticket verification
• Notification System: Expo Notifications for reminders
• Responsive Design: Optimized for various screen sizes

Technology Stack

• Frontend: React Native with Expo
• UI Library: React Native Paper (Material Design)
• Navigation: React Navigation
• State Management: React Context API
• Notifications: Expo Notifications
• QR Codes: react-native-qrcode-svg
• Icons: Expo Vector Icons

Installation

1. Clone the repository

   cd bb-ticket-booking

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Run on device/simulator

   npm run ios     # iOS simulator
   npm run android # Android emulator

Project Structure

src/
├── Context/
│   └── BookingContext.js      # Global state management
├── navigation/
│   ├── RootNavigation.js      # Stack navigator
│   └── TabNavigation.js       # Bottom tab navigator
├── screens/
│   ├── HomeScreen.js          # Show browsing and search
│   ├── SeatSelectionScreen.js # Interactive seat selection
│   ├── BookingConfirmationScreen.js # Booking success with QR
│   ├── BookingHistoryScreen.js # Past and upcoming bookings
│   ├── TicketViewScreen.js    # Digital ticket display
│   └── ProfileScreen.js       # User profile and settings
└── services/
    ├── ApiService.js          # Backend API simulation
    └── NotificationService.js # Push notification handling

Key Components

BookingContext

Manages global application state including:

• Shows data and filtering
• Selected seats and current show
• Booking history
• Search queries and filters

Screens Overview

1. HomeScreen: Browse shows with search and category filters
2. SeatSelectionScreen: Interactive seat map for ticket selection
3. BookingConfirmationScreen: Success page with QR code generation
4. BookingHistoryScreen: List of past and upcoming bookings
5. TicketViewScreen: Detailed ticket view with QR code
6. ProfileScreen: User profile with booking statistics

Services

• ApiService: Simulates backend API calls for shows and bookings
• NotificationService: Handles push notifications for booking confirmations and reminders

Usage

1. Browse Shows: View available shows on the home screen
2. Search & Filter: Use search bar and category chips to find specific shows
3. Select Seats: Choose seats from the interactive seat map
4. Confirm Booking: Review selection and confirm booking
5. View Tickets: Access digital tickets with QR codes
6. Track History: Monitor past and upcoming bookings

Future Enhancements

• Payment Integration: Stripe/PayPal payment processing
• User Authentication: Login/signup with social media
• Real-time Chat: Customer support integration
• Venue Maps: Interactive venue layouts
• Social Features: Share bookings with friends
• Loyalty Program: Points and rewards system
• Multi-language Support: Internationalization

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

License

This project is licensed under the MIT License.