Design and Development of a Web-Based 3D Cinema Booking System with Dynamic Pricing

In this paper, the design and development of a Web-Based 3D Cinema Booking System, which integrates immersive three-dimensional visualization of seats with dynamic pricing functionality powered by Machine Learning, will be introduced. Traditional cinema booking websites are based on the two-dimensional seat plans, which do not convey the spatial nature of the auditorium to the potential customer, often resulting into dissatisfaction after the purchase. The suggested solution fills in this gap by providing a fully interactive and geometrically precise 3D representation of the cinema hall in the web browser itself through WebGL and Three.js and allowing users to check the position of the seats, assess the proximity to the screens, and preview their specific view before ordering. At the same time, a specialized Python-FastAPI microservice with a trained XGBoost classifier takes a live demand score based on multi-variate inputs, such as show timing, historical occupancy, movie popularity, and booking velocity, and a fixed collection of deterministic pricing ruleset returns dynamically optimized ticket prices. The React, Node.js, and decoupled ML microservice-based integrated architecture provides statistically significant benefits in the accuracy of the spatial comprehension (improved by 38.5%), the confidence of the user task (4.3/5.0 vs 2.9/5.0), and an overall level of satisfaction (4.5/5.0 vs 3.1/5.0) in comparison with traditional 2D interfaces, and can maintain interactive rendering at 60 FPS both on desktops and on mobile devices by instantiating geometry.