MeTube, a youtube clone

metube is a youtube clone built using modern web technologies and powered by the youtube data api v3.
it allows users to search, watch, and explore videos in real time, just like the original YouTube experience.

Features

• Search Functionality: get real time video results directly from youtube's api.
• Google Search Suggestions: as you type, metube suggests related searches just like youtube.
• Video Playback: watch videos with a clean and responsive player page.
• Comments Section: view comments of any video fetched live using the api.
• Responsive Design: works smoothly on desktop, and mobile devices.
• Fast And Real time Data: all data from search to playback is fetched live using youtube data api v3.

Tech Stack

• Frontend: react + tailwind Css
• API: youtube data api v3
• Routing: react router
• State Management: react hooks and redux toolkit
• Other Tools: axios, debouncing for search suggestions

Setup

1. clone the repository:

git clone https://github.com/Aflah-Paruthicode/metube.git

2. navigate into the project folder:

   cd MeTube

3. install dependencies:

npm install

4. create a .env file in the root directory and add your youtube api key:

VITE_YOUTUBE_API_KEY=your_api_key_here

5. start the development server:

npm run dev

Preview

Developed with ❤️ by Aflah 🫰

⭐ If you like this project, consider giving it a star!