Cinema Booking App | Flutter
Sale30%$10.56 $15.00
Cinema Booking App is a stylish, user-friendly Flutter app for seamless movie ticket booking. With a modern dark theme, gradient accents, and responsive design, it lets users browse movies, filter by genre, select seats, and manage bookings effortlessly. Powered by provider for smooth state management and flutter_screenutil for cross-device compatibility, it offers an intuitive experience for moviegoers. | Only frontend ui design
- Modern dark theme with gradient UI and smooth animations
- Browse, search, and filter movies by genre
- Detailed movie info with posters, ratings, and showtimes
- Three-step booking: date/time, seat selection, summary
- Responsive seat grid with availability indicators
- Mock payment system with multiple options
- Booking management with cancellation support
- User profile with settings and logout
- Cross-device compatibility with flutter_screenutil
- Efficient state management with provider
- Splash Screen: Animated logo and tagline, 3-second transition to home.
- Home Screen:
- Movie list with posters, titles, genres, ratings, durations, prices.
- Search bar for title/genre filtering.
- Horizontal genre filter.
- Bottom navigation for Home, Bookings, Profile.
- Movie Details:
- Collapsible SliverAppBar with poster.
- Synopsis, cast, director, ratings, showtimes.
- “Book Now” button.
- Booking Process:
- Three steps: Date/Time, Seat Selection, Summary.
- Responsive seat grid (8×8, with dynamic sizing to prevent overflow).
- Price breakdown (ticket price, $2 convenience fee, 8% tax).
- Payment:
- Mock payment methods: Credit Card, PayPal, Google Pay, Apple Pay.
- Booking confirmation with success message.
- Bookings:
- List of user bookings with movie, date, time, seats, status.
- Cancel option for confirmed bookings.
- Profile:
- Static user info (name, email).
- Options: Edit Profile, Settings, Booking History, Logout.
- UI/UX:
- Dark theme with gradient accents (AppColors.primaryGradient, cardGradient).
- Smooth animations via animations package.
- Poppins typography via google_fonts.
- Responsive design with flutter_screenutil (375×812 base size).
- Dependencies (from pubspec.yaml):
- flutter: Core SDK
- provider: ^6.1.5: State management
- flutter_screenutil: ^5.9.3: Responsive design
- google_fonts: ^6.2.1: Poppins font
- cached_network_image: ^3.4.1: Image caching
- flutter_rating_bar: ^4.0.1: Rating display
- intl: ^0.20.2: Date/time formatting
- animations: ^2.0.11: UI animations
- Dev dependencies: flutter_test, flutter_lints
- State Management: provider for movie data (MovieProvider) and booking state (BookingProvider).
- Data: Mock data for movies and bookings (no backend).
- File Structure:
- lib/main.dart: Entry point with ScreenUtilInit and MultiProvider.
- lib/utils/app_colors.dart: Color constants and gradients.
- lib/models/: movie.dart, booking.dart.
- lib/providers/: movie_provider.dart, booking_provider.dart.
- lib/screens/: splash_screen.dart, home_screen.dart, movie_detail_screen.dart, booking_screen.dart, payment_screen.dart, bookings_screen.dart, profile_screen.dart.
- lib/widgets/: movie_card.dart, search_bar.dart, genre_filter.dart, seat_widget.dart.
Discover the ultimate movie-going experience with the Cinema Booking App, a premium Flutter-based mobile application designed for effortless ticket booking. Immerse yourself in a sleek, dark-themed interface with vibrant gradient accents and fluid animations, crafted for modern movie lovers. Browse a curated selection of movies, filter by genre, or search effortlessly to find your perfect show. Dive into detailed movie pages with synopses, cast, and showtimes, then book tickets in three intuitive steps: select date and time, choose seats from a responsive grid, and review your booking with a clear price breakdown. Complete your purchase with mock payment options (Credit Card, PayPal, Google Pay, Apple Pay) and easily manage bookings, including cancellation for confirmed tickets. The profile section lets you view your details and access settings. Built with provider for reactive state management, flutter_screenutil for flawless responsiveness across devices, and google_fonts for elegant Poppins typography, this app ensures a seamless experience. Whether you’re a casual viewer or a cinema enthusiast, the Cinema Booking App delivers convenience and style in every tap. Ready for backend integration, it’s a perfect foundation for scaling with real-time data and payment gateways.
Key Features:
Functional Features
Technical Details
Category | Entertainment / Lifestyle |
---|---|
Platform | Mobile (iOS, Android) |
Framework | Flutter (version >= 3.10.0, < 4.0.0) |
Dart Version | >= 3.0.0, < 4.0.0 |
Version | 1.0.0 (initial release) |
Download Size | 8.46MB |
Reviews
There are no reviews yet.