Bingo box

• 

  logo

• 

  searching interface

• 

  api to imdb

• 

  main page

• 

  main page

🎬 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

• api
• css3
• html5
• javascript
• tmdb