🎬 Bingo Box - A Movie Streaming Website

🌟 Inspiration

The inspiration behind Bingo Box came from popular streaming platforms like Netflix, Prime Video, and Disney+. We wanted to build a lightweight, easy-to-use movie streaming website that provides a smooth experience for users to discover and watch movies. The idea was to create a platform that combines aesthetics with functionality while keeping it simple for users.

πŸŽ₯ What It Does

Bingo Box allows users to: β€’ Browse Movies: Users can explore a wide collection of movies with posters, descriptions, and ratings. β€’ Search & Filter: Find specific movies by searching and applying filters like genre, year, and popularity. β€’ Watch Trailers: Preview movies with embedded trailers. β€’ User Authentication: Sign up/log in to create a personalized watchlist. β€’ Dark Mode Support: A visually appealing dark theme for a better user experience.

πŸ› οΈ How We Built It β€’ Frontend: HTML, CSS, JavaScript for a responsive and dynamic UI. β€’ Backend: (Did you use Node.js, Python, or another framework?) β€’ Database: (Did you use Firebase, MongoDB, or SQL for storing user data?) β€’ APIs: Integrated TMDB API / OMDB API to fetch movie details. β€’ Hosting: (Did you deploy it on GitHub Pages, Vercel, Netlify, or another platform?)

🚧 Challenges We Ran Into β€’ API Integration: Handling API requests efficiently and displaying data dynamically. β€’ UI/UX Design: Creating an intuitive and visually appealing interface. β€’ User Authentication: Implementing secure login/logout functionality. β€’ Time Constraints: Completing the project within the hackathon deadline.

πŸ† Accomplishments That We’re Proud Of β€’ Successfully built a functional movie streaming website in a limited time. β€’ Smooth API integration to fetch real-time movie data. β€’ A responsive and modern UI design with dark mode. β€’ Implemented search and filtering features effectively.

πŸ“š What We Learned β€’ Team Collaboration: Working together under time pressure. β€’ API Handling: Fetching and displaying dynamic content. β€’ UI/UX Design Principles: Creating a seamless user experience. β€’ Problem-Solving: Debugging and overcoming technical challenges.

πŸš€ What’s Next for Bingo Box? β€’ Full Movie Streaming: Adding functionality for playing movies directly on the platform. β€’ Recommendation System: AI-based suggestions based on user preferences. β€’ User Reviews & Ratings: Allowing users to rate and review movies. β€’ Multi-Device Support: Ensuring smooth performance across all devices. β€’ Premium Features: Introducing subscription-based premium content.

Built With

Share this project:

Updates

Submission history