Fimpire

• 

  HeroSection

🎬 Filmpire — Your Ultimate Movie Guide 🌟 Inspiration The inspiration for Filmpire came from my passion for movies and the desire to create a centralized platform where users can easily explore trending films, watch trailers, and view ratings — all in one place. I wanted to eliminate the hassle of jumping between different apps to get movie details, making Filmpire a seamless experience for movie enthusiasts.

🎥 What it does Filmpire allows users to: Browse trending movies and top-rated films Search for movies in real-time View detailed information like cast, ratings, and trailers Create personalized watchlists (with user authentication) Get smart recommendations based on their preferences

🏗️ How we built it The project was built using: React — for building reusable and dynamic components Vite — for faster bundling and optimized performance Tailwind CSS — for modern, responsive styling TMDb API — to fetch real-time movie data OAuth — for secure user authentication and personalized content

🚧 Challenges I ran into API Rate Limits: Managing TMDb's rate limits forced me to optimize how often data was fetched, reducing unnecessary requests. Real-Time Search: Implementing a smooth, debounced search feature took some time, ensuring the app responded quickly without overloading the API. Responsive Design: Ensuring the UI adapted perfectly across devices meant fine-tuning Tailwind's breakpoints.

🏆 Accomplishments that I'm proud of Successfully integrated a complex external API (TMDb) and displayed dynamic data. Built a clean, user-friendly UI using Tailwind CSS. Implemented real-time search with minimal lag. Added secure user authentication with OAuth, allowing personalized watchlist.

📚 What I learned API integration: Handling dynamic data and managing rate limits. React hooks: Using useState, useEffect, and custom hooks for better state management. UI/UX design: Improving the app's responsiveness and user experience. Authentication: Implementing OAuth for secure and seamless logins.

🚀 What's next for Filmpire Genre-based Recommendations: Adding AI-powered suggestions tailored to user preferences. User Reviews & Ratings: Allowing users to leave feedback and rate movies. Dark Mode: Implementing a dark/light theme toggle for better accessibility. Pagination: Optimizing the search results with infinite scrolling or pagination.

Built With

• react
• tailwind