![Screenshot 2023-09-18 at 6 22 03 PM](https://private-user-images.githubusercontent.com/105835098/268649836-98ddb83c-8dad-402d-b15b-ff213b7a2344.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI2MDgxMzksIm5iZiI6MTcyMjYwNzgzOSwicGF0aCI6Ii8xMDU4MzUwOTgvMjY4NjQ5ODM2LTk4ZGRiODNjLThkYWQtNDAyZC1iMTViLWZmMjEzYjdhMjM0NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODAyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwMlQxNDEwMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lYzlkMzY0YTBmYmQyN2NmYjRiMWI2Y2E5ODMyYjgxNDE5NWFjMTA4NGRkZDQ3Nzc1MDcwNGRlYTg1NTNjNWI0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.dxnF6r_PeBO4w1QwlYScF31DASmn02p5qfUNTYI9Tdc)
Welcome to ReactTube, a cutting-edge video streaming web app where React meets innovation. Experience the power of real-time communication, seamless navigation, and lightning-fast loading!
🚀 Demo
Uncover the magic of ReactTube with these standout features:
-
Infinite Scroll: Dive into a bottomless pool of entertainment! Scroll endlessly through captivating videos without interruptions.
-
Real-time Chat with Viewers: Connect with viewers in the moment! Our live chat powered by Socket.IO ensures instant conversations, turning video-watching into a social experience.
-
Lazy Loading & Code Splitting: Experience speed like never before! Lazy loading and code splitting ensure that only the essentials load, resulting in blazing-fast initial load times.
-
Redux State Management: Stay organized and in control! Redux Toolkit seamlessly manages the state of our app, providing a centralized and efficient approach to data handling.
-
React Router DOM for Intuitive Navigation: Explore effortlessly! React Router DOM is integrated for smooth and intuitive routing, ensuring you're always on the right path.
-
Debounced Search for Quick Results: Find your favorites in a flash! Our debounced search guarantees speedy results, making content discovery a breeze.
-
Perfect Responsive UI with Tailwind CSS: Switch between devices seamlessly! Our app boasts a flawless, Tailwind CSS responsive UI, ensuring a stunning visual experience on any screen size.
-
YouTube API Integration: Access the latest and greatest content! We leverage the YouTube API to fetch data, providing a vast library of videos at your fingertips.
Explore the technology stack behind the scenes:
- Front-End Framework: React
- State Management: Redux Toolkit
- Real-time Communication: Socket.IO
- Routing: React Router DOM
- Styling: Tailwind CSS
- UI Icons: React Icons
- User Interface Components: Prop-types
- Loading Animation: React Spinners
- Notification System: React Toastify
- Custom Scrollbar: Tailwind Scrollbar Hide
- Development Server: Vite
- Linting: ESLint
Thank you for visiting and exploring ReactTube! Join us on this exciting journey of video discovery and innovation. 🚀