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.
- 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)
-
Clone the repository
git clone <repository-url> cd Show7
-
Install Dependencies
npm install
-
Configure Environment Variables Create a
.envfile in the root directory and add your TMDB API Key:VITE_TMDB_API_KEY=your_api_key_here
-
Run Development Server
npm run dev
-
Build for Production
npm run build