Skip to content

RemixHub is a React JS-based YouTube clone application that enables users to browse, search, and watch videos. This project utilizes Material UI 5 for a sleek and responsive user interface and integrates the YouTube Data API (v3) to fetch and display video content.

Notifications You must be signed in to change notification settings

RajalakshmiR24/RemixHub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RemixHub - Modern YouTube Clone Application

RemixHub is a React JS-based YouTube clone application that enables users to browse, search, and watch videos. This project utilizes Material UI 5 for a sleek and responsive user interface and integrates the YouTube Data API (v3) to fetch and display video content.

Screenshot (1156)

Screenshot (1157)

Screenshot (1158)

Features

  • Browse and Search: Explore a vast collection of videos on RemixHub.
  • Video Playback: Watch videos seamlessly within the application.
  • Responsive Design: Enjoy a user-friendly experience on various devices.

Technologies Used

  • React JS
  • Material UI 5
  • YouTube Data API v3

Create React App

This directory is a brief example of a Create React App site that can be deployed to Vercel with zero configuration.

Deploy Your Own

Deploy your own Create React App project with Vercel.

Deploy with Vercel

Live Example: https://create-react-template.vercel.app/

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode. Open https://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.

It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.

Getting Started

  • Clone the repository:
    git clone https://github.com/RajalakshmiR24/RemixHub.git
    cd RemixHub
    
  1. Install dependencies:
    npm install
    
  2. Configure the YouTube API key:
  • Get your API key from the Google Developers Console.

  • Create a file named .env in the project root.

  • Add your API key to the .env file:

    REACT_APP_YOUTUBE_API_KEY='your-api-key'
    
  1. Start the development server:
    npm start
    

Open your browser and navigate to https://localhost:3000 to view RemixHub.

Usage

  • Upon opening the application, you can search for videos in the search bar or explore trending videos on the home page.
  • Click on a video thumbnail to watch the video.

Deployment

To deploy RemixHub, you can use platforms like Vercel or Netlify. Configure the deployment settings according to the platform of your choice.

Contributing

If you'd like to contribute to RemixHub, please follow these steps:

Acknowledgments

  • Thanks to Google for providing the YouTube Data API.
  • Inspired by the design and functionality of YouTube.
  • Built with love and React.

Feel free to contribute and enjoy RemixHub!

About

RemixHub is a React JS-based YouTube clone application that enables users to browse, search, and watch videos. This project utilizes Material UI 5 for a sleek and responsive user interface and integrates the YouTube Data API (v3) to fetch and display video content.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published