kushagra-aa/view-tube

View Tube, a feature-rich (YouTube) clone.

TypeScript

View Tube

Enjoy a seamless video streaming experience with View Tube, a feature-rich (YouTube) clone.

Built with 🤍 For You!

Features

Explore a diverse collection of videos through intuitive search and category browsing.
Dive into your favorite channels and discover new content creators.
Keep track of your watch history to revisit videos you've enjoyed.
Immerse yourself in a personalized viewing experience with recommended videos tailored to your interests.

Technologies Used

Frontend: Next.js, Tailwind CSS, PostCSS, TypeScript
Libraries: moment.js, ReactPlayer
API: YouTube v3 (via RapidAPI)

Screenshots

Home Page

Search Results Page

Channel Page

Watch Video Page

User Watch History Page

Run Locally

Clone the repository:

git clone https://github.com/kushagra-aa/view-tube.git

Navigate to the project directory:
```
cd view-tube 
```
Install dependencies:
```
npm install
```

Add Environment Variables:

Go to Youtube v3
Subscribe to the API
Copy the Values and paste them into the .env file.

NEXT_PUBLIC_RAPID_API_KET = <Your from API KET rapid API>
NEXT_PUBLIC_RAPID_API_HOST = <Your from API HOST rapid API>
NEXT_PUBLIC_RAPID_API_BASE_URL = <Your from API BASE URL rapid API>

Start the development server:
```
npm run dev
```
Access the application in your browser:
```
http://localhost:3000
```