A sleek and dynamic movie booking platform 🎥 for managing and enjoying your favorite movies. With secure user authentication 🔒, real-time booking functionalities 🎟️, and modern UI components, Movie Mania aims to enhance your movie-going experience.
Movie Mania is an engaging platform for movie enthusiasts to browse, book, and manage their movie tickets 🎟️. Built with React and styled with Tailwind CSS, it integrates secure authentication through Clerk and offers a responsive design for seamless use across devices 🌟. The app includes features for real-time booking, viewing last bookings, and managing movie details.
- Secure Authentication: Sign in and register with Clerk 🔒.
- Movie Browsing: Explore and view details of various movies 🎬.
- Booking System: Book tickets for your favorite movies with real-time updates 🎟️.
- Last Booking Management: View and manage your last booking 📅.
- Responsive Design: Optimized for a great experience on both mobile and desktop devices 📱💻.
- User Interface: Modern and professional UI components from Flowbite React 🧩.
- Dark Mode Support: Enjoy a seamless experience with built-in dark mode support 🌙.
- API Documentation: Easily understand and interact with the app's backend using Swagger API documentation 📄.
Watch the demo video to see Movie Mania in action:- Booking a Movie and Viewing Last Booking-
Movie.Mania.App.mp4
To set up this project locally, follow these steps:
# Clone the repository
git clone git@github.com:Shwetaank/Movies-Booking-App.git
# Navigate to the project directory
cd movie-mania
# it have both folder server and client
# Clerk Authentication
# Obtain the Key from Clerk & other and save it in the .env file
# Install dependencies for client
cd client
npm install
#install dependencies for server
cd server
npm install
# Start the development client/server
npm run dev- Visit the Movie Mania web application. 🌐
- Sign in or register using Clerk authentication. 🔑
- Browse through movies and select one to book. 🎬
- Book your tickets and view booking details. 🎟️
- Manage your last booking using the provided functionalities. 📅
- React: Front-end library for building user interfaces. ⚛️
- Vite: Fast build tool for modern web projects. 🚀
- Clerk: User authentication and management. 🔑
- Tailwind CSS: Utility-first CSS framework for styling. 🎨
- Flowbite React: Component library for UI elements. 🧩
- Axios: Promise-based HTTP client for making API requests. 🌐
- React Router: Declarative routing for React applications. 🚦
- Express: Web application framework for Node.js. 🌐
- Swagger: API documentation for Express routes. 📃
- Postman: API testing and development tool. 🔍
- Nodemon: Utility for automatically restarting the server during development. 🔄
In many movie booking platforms, users face challenges such as:
- Complex Booking Processes: Difficulty in navigating through booking options and making reservations. 🎟️
- Limited Movie Information: Insufficient details about movies to make informed decisions. 🎬
- Inefficient Management: Difficulty in managing bookings and viewing past reservations. 📅
- Security Concerns: Ensuring secure user authentication and data management. 🔒
Future enhancements for Movie Mania include:
- Integration with More Movie Databases: Expand the variety of movie options available. 🌍
- Advanced Booking Features: Implement functionalities like seat selection and dynamic pricing. 🎟️💵
- Social Features: Add features like sharing bookings and movie reviews. 🗣️🔗
- Mobile Application: Develop a mobile app to reach users on the go. 📱
- AI-Driven Recommendations: Use AI to suggest movies based on user preferences and viewing history. 🤖🎬
This project is licensed under the MIT License - see the LICENSE file for details.
- Clerk for authentication services. 🔑
- Tailwind CSS & Flowbite-React for styling the application. 🎨
- React-Icon for icons. ⭐
For any questions or suggestions, feel free to reach out:
- Email: spmorey87@gmail.com 📧
- Twitter: @Sin_Greed___ 🐦
- LinkedIn: Shwetank Morey 🔗