CINEDB 🎬

A modern movie and TV show discovery platform for cinephiles, built with React, powered by TMDB API, and styled with Tailwind CSS.

🌟 Features

Discover Movies & TV Shows Effortlessly

• Trending Content: Browse through the most popular, top-rated, and upcoming movies and TV shows, all powered by real-time data from TMDB API.

• Detailed Overviews: Get insights with complete details, including synopses, trailers, and cast information.

• Dynamic Search: Search for movies, TV shows, or actors by name and find relevant results quickly and easily.

• Interactive Trailers: Watch trailers directly from CINEDB to decide if a title is worth watching.

• Filter Dropdowns: Fine-tune your browsing with dropdown filters to select by 1.Category:( Movies, TV shows & All ) and by 2.Duration:(week, Day).

• Real-time Updates: Content updates dynamically based on real-time API data, ensuring you’re always looking at the latest information.

• Ratings and Popularity: Check movie and show ratings at a glance with clearly displayed vote percentages.

• 

Interactive & User-Friendly Design

• Responsive Layout: Enjoy seamless navigation on any device, with layouts optimized for mobile, tablet, and desktop viewing.
• Scroll-to-Top Button: Easily navigate back to the top of the page with a convenient scroll-to-top button on long content pages.
• Infinite Scroll: Smooth, infinite scrolling for trending lists and categories, keeping the interface clean and uninterrupted.

🛠️ Technologies Used

Frontend

• React.js: A powerful JavaScript library for building fast and interactive user interfaces. React powers the dynamic nature of CINEDB, allowing components to re-render and update based on real-time data.

Backend API

• TMDB API: The Movie Database API serves as the core data source for CINEDB, providing access to up-to-date information on movies, TV shows, and actors. This includes details like posters, overviews, trailers, ratings, and more.

Routing

• React Router: A robust solution for handling routing and navigation within the app. It allows users to move seamlessly between different pages and components without reloading the page.

Styling

• Tailwind CSS: A utility-first CSS framework that enables a fast, modern, and responsive design. Tailwind's modular approach allows for efficient, mobile-friendly styling across all components.

🚀 Future Enhancements

• User Profiles: Implementing user accounts will allow for a personalized experience, where each user can save their preferences and settings.
• Watchlists: Save movies and shows to your personal watchlist for quick access later.
• Reviews & Ratings: Users can rate movies and TV shows or leave a review to share their opinions with others.
• Personalized Recommendations: Using AI, CINEDB will suggest content based on viewing history and preferences for a more tailored experience.

🔗 Live Demo

Explore CINEDB now: CINEDB Live

📬 Contact

For any feedback or suggestions, reach out to me at abhishekkumar345ssm@gmail.com.

Enjoy exploring CINEDB! 🎉