🎬 YouTube Clone with ReactJS

A modern and responsive YouTube clone built using ReactJS, RapidAPI YouTube v3.1, and Tailwind CSS. Search videos, browse by category, view channels, and watch videos – all with a smooth user experience inspired by the real YouTube.

---

🔗 Live Demo

View Live Project Replace this link with your deployed app (Vercel/Netlify/etc.)

---

🤩 Features

• ✅ Browse trending videos by category
• ✅ Search for videos using keywords
• ✅ View detailed video pages with description and related videos
• ✅ Explore channel information and their videos
• ✅ Responsive design (mobile/tablet/desktop)
• ✅ Fast loading and minimal UI

---

📸 Preview

---

⚙️ Tech Stack

• ReactJS
• Tailwind CSS
• RapidAPI - YouTube v3.1
• React Router DOM
• Axios

---

📁 Project Structure

src/
├── assets/            # Images or logos
├── components/        # Navbar, Sidebar, VideoCard, etc.
├── pages/             # Feed, VideoDetail, ChannelDetail, etc.
├── utils/             # fetchFromAPI.js
├── App.jsx
├── main.jsx
└── index.css

---

🚀 Getting Started

1. Clone the Repo

git clone https://github.com/Einzigartige/einzigartige-youtube.git
cd youtube-clone

2. Install Dependencies

npm install

3. Subscribe to the API

• Go to RapidAPI - YouTube v3.1
• Click Subscribe (Free tier available)
• Get your X-RapidAPI-Key

4. Setup Environment

Create a .env file in the root and add:

REACT_APP_SECRET_KEY=your-rapidapi-key-here

▶️ Run the App

For Vite:

npm run dev

For Create React App:

npm start

---

🔐 API Keys & Resources

• 🔐 How to Manage and Rotate API Keys
• 🛠️ RapidAPI Authorization Guide
• 📘 YouTube v3.1 API on RapidAPI

---

✍️ Author

Hiren Patel GitHub: @hirenpatel1903

---

📜 License

MIT License © 2025 Hiren Patel

---

🙏 Acknowledgments

• RapidAPI
• YouTube v3.1 API
• Tailwind CSS
• UI inspired by YouTube’s official layout