π¬ 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.