Modern YouTube Clone built with React, Redux & YouTube Data API ⚡

PewTube — YouTube Clone Web App

Video Streaming Experience 🎬
Developed by Amit Das

---

🚀 Overview

PewTube is a modern YouTube clone web application built using React and powerful frontend tools.

It replicates core YouTube functionalities like:

• Video browsing
• Search
• Infinite scrolling
• Video playback

The project focuses on delivering a smooth, fast, and responsive UI while integrating real-time data using the YouTube Data API v3.

---

⚡ Tech Stack

This project is built using modern web technologies:

• React JS
• Tailwind CSS
• Redux Toolkit
• React Router DOM
• Axios
• Day JS

📦 Additional Libraries

• React Icons
• Emoji Mart
• React Player
• React Circular Progressbar
• Lazy Load Image
• Infinite Scroll
• React Skeleton

---

🎨 Features

• 🔍 Real-time video search (YouTube API)
• 📺 Video streaming with React Player
• ♾️ Infinite scroll for continuous browsing
• ⚡ Fast state management with Redux Toolkit
• 🧠 Skeleton loading UI for better UX
• 🎯 Responsive design for all devices
• 🖼️ Lazy loading images for performance optimization
• 😀 Emoji support for comments/interactions

---

🧠 API Integration

This project uses YouTube Data API v3 to fetch:

• Videos
• Channels
• Search results
• Video metadata

⚠️ Note: API keys should be secured and not exposed in production.

---

📦 Installation

Clone the repository:

git clone https://github.com/AmitDas4321/PewTube.git

Navigate to the project folder:

cd PewTube

Install dependencies:

npm install

Run the development server:

npm run dev

Open your browser:

http://localhost:5173/

---

📁 Project Structure

PewTube
 ├ public/
 │   └ images/
 │       └ preview.png
 ├ src/
 │   ├ components/
 │   ├ redux/
 │   ├ utils/
 │   └ pages/
 ├ package.json
 ├ README.md
 └ .env

🧩 Use Cases

🎬 Video Streaming App

Experience YouTube-like browsing and watching videos.

🧠 Learning Project

Great for understanding:

• API integration
• Redux state management
• Infinite scroll implementation

💻 Frontend Practice

Improve skills in:

• React architecture
• Performance optimization
• UI/UX design

---

🤝 Contributing

Contributions are welcome!

• Fork the repo
• Create a new branch
• Submit a pull request

---

📬 Support

---

📜 Disclaimer

PewTube is created for educational purposes only.

It is not affiliated with or endorsed by YouTube or Google.

---

📜 License

MIT License © 2026 Amit Das

---

Built with ⚡ using React & APIs
Made with ❤️ by Amit Das