https://github.com/kittt2/streaming-platform-project
streaming platform you can stream movies trailer and stream youtube videos . In this project i used the tdmb and youtube api
https://github.com/kittt2/streaming-platform-project
firebase frontend-app react-hook react-hook-form react-router-dom-v6 reactjs shadcn-ui tailwind-css vite
Last synced: 3 months ago
JSON representation
streaming platform you can stream movies trailer and stream youtube videos . In this project i used the tdmb and youtube api
- Host: GitHub
- URL: https://github.com/kittt2/streaming-platform-project
- Owner: kittt2
- Created: 2024-11-21T15:53:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-13T14:57:15.000Z (over 1 year ago)
- Last Synced: 2025-04-01T11:51:14.631Z (over 1 year ago)
- Topics: firebase, frontend-app, react-hook, react-hook-form, react-router-dom-v6, reactjs, shadcn-ui, tailwind-css, vite
- Language: JavaScript
- Homepage: https://stream-5a835.web.app/
- Size: 714 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**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**:
```bash
git clone https://github.com/kittt2/streaming-platform-project.git
```
2. **Navigate to the Project Directory**:
```bash
cd stream
```
3. **Install Dependencies**:
```bash
npm install
```
4. **Create a `.env` File**:
Create a `.env` file in the root directory and add your API keys:
```plaintext
VITE_youtubekey=YOUR_YOUTUBE_API_KEY
VITE_tmbauthtoken=YOUR_TMDB_AUTH_TOKEN
```
5. **Start the Development Server**:
```bash
npm start
```
# **Screenshots **:
- **Screenshot**:
1. 
- **Screenshot**: 2. 
- **Screenshot**:3. 
- **Screenshot**: 4. 
3. **Project Link**:https://stream-5a835.web.app