Movie Tracker - Copy this React, Tailwind Component to your project

Const API_KEY = "b80d59c33d6d57ed9c7e3713f91c188a" const BASE_URL = "https://api.themoviedb.org/3" Movie and TV Show Tracker with Streaming Links Description: Create a movie and TV show tracker app that lets users follow their favorite films and shows, receive updates, and find streaming links. Key Features: MovieDB Integration: Fetch movie and TV show details, including new releases, upcoming shows, and ongoing series. VidSrc Integration: Integrate streaming links (if available) for movies and shows, displaying which platforms the content is available on. Personal Watchlist: Allow users to add movies and shows to their personal favorite watchlist and receive notifications about new episodes or releases. Tailwind CSS: Design a sleek and responsive interface with tabs for movies, TV shows, watchlists, and streaming platforms. Show & Movie Recommendations: Use a recommendation system to suggest movies and shows based on viewing history or user ratings. Watch History: Track the user's watched episodes or movies and allow them to pick up where they left off. Social Sharing: Integrate sharing options to let users share their reviews and watched movies on social media platforms. Tailwind CSS: Use Tailwind to create a modern design with user review cards, movie details, and responsive UI elements. Sorting and Filtering: Provide advanced filters for movie genres, ratings, and release dates. Trending Movies: Display trending movies based on user ratings, social media mentions, or MovieDB’s trending API. Episode Details: Display detailed episode information, air dates, cast, and episode specific trailers. Certainly! Let's update the project plan to incorporate the use of **Intersection Observer** for infinite scrolling, integrate the **TMDb (The Movie Database) API** for fetching movie and TV show data, and include **VidSrc** (a media streaming API) to stream trailers or full videos where possible.