Skip to content

Latest commit

 

History

History
69 lines (43 loc) · 2.08 KB

README.md

File metadata and controls

69 lines (43 loc) · 2.08 KB

Youtube Video Browser with React.js and RapidAPI

This repository contains the source code for a web application built with React.js that allows users to browse and view videos using an external API accessed through RapidAPI.

View the Website:https://sou-youtube2.netlify.app/

Features:

  • Search for videos by keyword.
  • Display a list of video search results with thumbnails and titles.
  • Play embedded videos on the video detail page. (Source of the videos depends on the integrated RapidAPI API)
  • (Optional) Implement basic functionality like playlists or displaying related videos (can be added in future versions).

Getting Started:

Prerequisites:

  • Node.js and npm (or yarn) installed on your system
  • A RapidAPI account and API key for the desired external API

Installation:

  1. Clone the repository:

    https://github.com/sounar97/Youtube-2.0.git

  2. Install dependencies:

    cd Youtube-2.0
npm install  # or yarn install

  3. Create a .env file in the project root directory and add your RapidAPI API key:

    RAPIDAPI_KEY=your_rapidapi_key

    Replace your_rapidapi_key with your actual RapidAPI API key.

  4. Start the development server:

    npm start  # or yarn start

    This will start the server, typically running on port 3000 by default (you can check the code for confirmation).

Usage:

  1. Visit http://localhost:3000 (or the appropriate URL) in your web browser.
  2. Use the search bar to enter a keyword and search for videos.
  3. Click on a video thumbnail to view the video details and play the embedded video.

Technologies Used:

  • React.js (frontend)
  • RapidAPI (for external API access)

Additional Notes:

  • Feel free to extend this project by implementing additional functionalities like playlists, displaying related videos, or user authentication (with caution due to potential abuse).
  • Consider adding comments and documentation to your code for better maintainability.
  • Refer to the RapidAPI documentation for specific instructions on how to use the integrated external API.