YouTube-Creator

A state-of-the-art video streaming web app designed to redefine your video-watching experience with innovative features and seamless performance. Built with React and styled using Tailwind CSS, this project replicates key YouTube functionalities while focusing on user experience and application efficiency.

📌 Table of Contents

• Live Preview
• Key Features
• Tech Stack
• Installation
• Contributions
• Contact

🎥 Live Preview

Watch the demonstration video below to see the project in action:

https://github.com/user-attachments/assets/d24bd562-da9c-447b-805a-168529b17884

💡 Key Features

✔ Stream any video seamlessly, with data fetched from YouTube APIs
✔ Optimized Search: Dynamic search with debouncing for minimal API calls and blazing-fast performance
✔ Responsive Sidebar with all video categories, enabling effortless navigation
✔ Lazy Loading for enhanced page load speed
✔ Real-time Live Chat with API polling for interactive engagement
✔ Optimized API Calls using caching and memoization to improve performance

🛠 Tech Stack

🚀 React.js – Powering the frontend for a dynamic UI
🔗 React Router – Enabling smooth navigation
🌐 Redux Toolkit – Efficient state management
🎨 Tailwind CSS – Rapid styling and UI consistency
⚡ YouTube Data API – Fetching real-time video data
📌 Custom Hooks – Enhanced reusability and maintainability

⚙ Installation

1. Clone the repository:

   git clone https://github.com/your-username/Youtube-Creator.git
   

2. Navigate to the project directory:

   cd Youtube-Creator
   

3. Install dependencies:

   npm install
   

4. Run the development server:

   npm start
   

🤝 Contributions

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository 📌
2. Create a new feature branch (git checkout -b feature-branch)
3. Commit your changes (git commit -m 'Add new feature')
4. Push to the branch (git push origin feature-branch)
5. Create a Pull Request 🚀

📩 Contact

If you have any questions or want to collaborate, feel free to reach out!
📧 Email: gopichand4520@gmail.com
🔗 LinkedIn: VeerankiSaiGopiChand
🐙 GitHub: VeerankiSaiGopiChand