Stream is a project I'm passionately working on to enhance my skills and knowledge in web development. It's a movie streaming site that offers a smooth and intuitive browsing experience for users to find and watch their favorite films. With a focus on a clean, user-friendly design and dynamic functionality, Stream is my way of exploring new technologies and pushing my limits as a developer.

Features

• Responsive Design: Fully responsive design ensures a great experience on both desktop and mobile devices.
• Dynamic Video Background: A captivating video background that remains persistent across navigation, enhancing the user experience.
• User Authentication: Secure user authentication with Firebase, allowing users to log in, log out, and manage their accounts.
• Search and Browse: Easily search and browse through a vast collection of movies.
• Watchlist: Users can add movies to their watchlist and manage their favorite movies.
• Real-time Data Fetching: Fetches movie data and trailers from the TMDb API to provide up-to-date information.

Technologies and Packages

• React: A JavaScript library for building user interfaces.
• Redux Toolkit: For managing the application state.
• Firebase: For user authentication.
• React Router: For handling navigation.
• Tailwind CSS: For styling the application.
• Vite: For building and serving the application.
• shad cn UI: For accessible, unstyled UI components.
• Date-fns: For manipulating and formatting dates.
• Embla Carousel: For creating responsive carousels.
• React Hook Form: For form handling.
• React Hot Toast: For notifications.

Installation

Follow these steps to get the project up and running on your local machine.

1. Clone the Repository:

   git clone https://github.com/kittt2/streaming-platform-project.git

2. Navigate to the Project Directory:

   cd stream

3. Install Dependencies:

   npm install

4. Create a .env File: Create a .env file in the root directory and add your API keys:

   VITE_youtubekey=YOUR_YOUTUBE_API_KEY
   VITE_tmbauthtoken=YOUR_TMDB_AUTH_TOKEN
   

5. Start the Development Server:

   npm start

**Screenshots **:

• Screenshot: 1.

• Screenshot: 2.

• Screenshot:3.

• Screenshot: 4.

3. Project Link:https://stream-5a835.web.app