VibeStream Hub leverages React to provide a frontend-focused video streaming platform designed to enhance user engagement. It features genre-specific browsing, personalized recommendations, and real-time updates to enrich the viewing experience. Users can effortlessly navigate a diverse library of videos categorized by genre, facilitating easy exploration of content aligned with their interests. Interactive elements such as liking, disliking, and commenting foster community engagement and influence personalized content suggestions in real-time. VibeStream Hub ensures a seamless user experience with its responsive design, optimizing performance across various devices. Whether discovering new favorites or engaging with familiar content, VibeStream Hub offers an immersive video-watching experience tailored to individual preferences and viewing habits.
-
Explore Diverse Content:
Dive into a variety of categories such as Home, Trending, Music, Films, Live, Gaming, News, Sports, Learning, Fashion & Beauty, offering a rich selection of videos tailored to your interests. -
Interactive Video Experience:
Engage dynamically with videos through real-time interactions. Like, dislike, and comment on videos instantly, fostering community engagement and feedback. -
Stay Updated in Real-Time:
Experience seamless updates on video interactions, comments, and related content, ensuring you're always in sync with the latest trends and discussions. -
Discover Personalized Recommendation:
Explore related videos based on your viewing history and preferences, enhancing your discovery of new and relevant content. -
Personalized Watchlist:
Create a personalized Watchlist and save videos to Watch Later for convenient access. Organize and curate your favorite videos effortlessly to enjoy at your convenience or share with friends to discover new content together.
- React: React: JavaScript library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for quickly styling applications.
- Framer Motion: React: JavaScript library for building user interfaces.
- React Router: Declarative routing for navigating between views in React applications.
- Clone the repository:
git clone https://github.com/yourusername/VibeStream-hub.git
cd VibeStream-hub
- Install the required dependencies:
npm install
3.Create a .env file in the Backend directory with the following content:
REACT_APP_YOUTUBE_API_KEY= your_Rapid_api_key
- Start the frontend server:
npm start
- REACT_APP_YOUTUBE_API_KEY= your_Rapid_api_key
-
Explore by Genre:: Discover a diverse array of videos categorized by genres such as movies, music, documentaries, and more. Easily navigate through different categories to find content that matches your interests and preferences
-
Watch Later:: Save videos to your personal watch later list for easy access and enjoyment at your convenience. Manage your queue of favorite videos effortlessly to curate a personalized viewing experience.
-
Interactive Features::: Engage with videos through interactive features like liking and disliking. Share your preferences and discover trending content based on community interactions, enhancing your personalized recommendations.
-
Real-time Updates::Updates on trending videos, new releases, and community activities. Stay connected with the latest content additions and social interactions within the platform.
This project is licensed under the MIT License. See the LICENSE file for more details.
- HomePage
- Trending Page
- Stream
- Responsive