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.
- 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.
- React JS
- Material UI 5
- YouTube Data API v3
This directory is a brief example of a Create React App site that can be deployed to Vercel with zero configuration.
Deploy your own Create React App project with Vercel.
Live Example: https://create-react-template.vercel.app/
In the project directory, you can run:
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.
Launches the test runner in the interactive watch mode. See the section about running tests for more information.
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.
- Clone the repository:
git clone https://github.com/RajalakshmiR24/RemixHub.git cd RemixHub
- Install dependencies:
npm install
- 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'
- Start the development server:
npm start
Open your browser and navigate to https://localhost:3000 to view RemixHub.
- 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.
To deploy RemixHub, you can use platforms like Vercel or Netlify. Configure the deployment settings according to the platform of your choice.
If you'd like to contribute to RemixHub, please follow these steps:
- 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!