vibeTube

vibeTube is a YouTube-inspired video streaming platform designed for seamless video browsing, streaming, and commenting. The app is built to offer an engaging user experience with advanced features like infinite scrolling, live commenting, and a dynamic UI driven by configuration.

Features

1. Seamless Video Streaming

• Smooth video playback with minimal buffering for an uninterrupted viewing experience.

2. Infinite Scrolling

• Effortless content discovery with infinite scrolling for videos and comments.

3. Live Commenting

• Real-time commenting functionality to engage with other users instantly.

4. Nested Comments

• Support for nested comments using recursion, ensuring a structured and clear discussion hierarchy.

5. Optimized Search

• Search optimization with debounced queries, reducing unnecessary API calls by 35%.

6. Dynamic Content Fetching

• Integration with YouTube APIs for fetching up-to-date and relevant video content.

7. API Polling

• Added periodic API polling for real-time updates without user intervention.

8. Config-Driven UI

• A highly customizable interface built with a configuration-driven approach for maintainable scalability.

Technologies Used

• React.js: For building an interactive and component-based UI.
• Redux: To manage global state and ensure efficient data handling.
• Tailwind CSS: For fast, responsive, and modern UI styling.
• React Router: For seamless navigation and routing within the app.
• React Hooks: To manage state and lifecycle methods in functional components.

Getting Started

Prerequisites

• Node.js (v14 or above)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Suprovho/VibeTube.git

2. Navigate to the project directory:

   cd VibeTube

3. Install dependencies:

   npm install
   # or
   yarn install

Running the Application

1. Start the development server:

   npm start
   # or
   yarn start

2. Open your browser and navigate to http://localhost:3000 to view the app.

Deployment

To build and deploy the app:

npm run build
# or
yarn build

The production-ready files will be available in the build directory.

Future Enhancements

• Advanced video recommendations using machine learning.
• Enhanced user profiles with subscription and playlist features.
• Real-time analytics for content creators.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any feature requests, bug fixes, or improvements.

---

Contact

For questions or collaboration opportunities, feel free to contact me at [suprovho25@gmail.com].