Show7 is a modern streaming discovery platform built with React and Vite. It leverages the TMDB API to allow users to browse, search, and manage their favorite movies and TV series in a sleek, dark-themed interface.

View Live Demo

• Discover Media: Browse 'Trending', 'Top Rated', 'Popular' movies and TV series.
• Smart Search: Real-time search functionality with debouncing to minimize API calls.
• Detailed Views: Dedicated pages for Movies and TV shows with cast info, ratings, and embedded YouTube trailers.
• Favorites System: Add/remove titles to a personalized 'Favorites' list, persisted in your browser.
• Theme Support: Fully integrated Dark/Light mode toggle.
• Responsive Design: Built with a mobile-first approach using CSS Grid and Flexbox.
• Genre Filtering: Filter content dynamically by genre.

• Core: React 18
• Build Tool: Vite
• Routing: React Router DOM v6
• Data Source: TMDB API
• Styling: Vanilla CSS3 (Modules & Global CSS Variables)

1. Clone the repository

   git clone <repository-url>
   cd Show7

2. Install Dependencies

   npm install

3. Configure Environment Variables Create a .env file in the root directory and add your TMDB API Key:

   VITE_TMDB_API_KEY=your_api_key_here

4. Run Development Server

   npm run dev

5. Build for Production

   npm run build