Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/9802hemensan/youtube-socials
Watch endless variety of videos on virtually any topic imaginable.
https://github.com/9802hemensan/youtube-socials
material-ui rapid-api reactjs youtube
Last synced: about 9 hours ago
JSON representation
Watch endless variety of videos on virtually any topic imaginable.
- Host: GitHub
- URL: https://github.com/9802hemensan/youtube-socials
- Owner: 9802HEMENSAN
- Created: 2023-06-19T04:19:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-19T04:13:29.000Z (over 1 year ago)
- Last Synced: 2023-07-19T04:39:09.354Z (over 1 year ago)
- Topics: material-ui, rapid-api, reactjs, youtube
- Language: JavaScript
- Homepage: https://youtube-socials.vercel.app
- Size: 286 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern YouTube Clone Application in React JS with Material UI
Welcome to my YouTube clone project! This web application allows users to watch a vast variety of videos according to their preferences. It is built using React.js and Material UI, and leverages RapidAPI for video data retrieval. The application is deployed on Vercel.com.
## Table of Contents
- [Features](#features)
- [Demo](#demo)
- [Installation](#installation)
- [Usage](#usage)
- [API Key](#api-key)
- [Contributing](#contributing)
- [License](#license)
## Features
- Endless variety of videos: Users can explore and watch videos based on their interests and preferences.
- Responsive design: The application is designed to provide a seamless experience across devices and screen sizes.
- Search functionality: Users can search for specific videos by entering relevant keywords.
- Video playback controls: Users can play, pause, seek, and adjust the volume of the videos.
- User-friendly interface: The application is designed with a clean and intuitive interface, providing an enjoyable user experience.
- Integration with RapidAPI: The application utilizes RapidAPI to retrieve video data from various sources.
## Demo
You can access a live demo of the application at [Demo Link](https://youtube-socials.vercel.app/).
## Installation
To set up the project locally, please follow these steps:
1. Clone the repository: `git clone https://github.com/your-username/your-repo.git`
2. Navigate to the project directory: `cd your-repo`
3. Install the dependencies: `npm install`
## Usage
1. Obtain an API key from RapidAPI by signing up at [RapidAPI](https://rapidapi.com/).
2. Add your API key to the project.
3. Start the development server: `npm start`
4. Open the application in your browser at `http://localhost:3000`.
## API Key
To run the application successfully, you need to obtain an API key from RapidAPI and add it to the project. Create a file named `.env.local` in the root directory of the project, and add the following line to it:
```
REACT_APP_API_KEY=YOUR_API_KEY_HERE
```
Replace `YOUR_API_KEY_HERE` with your actual API key.
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch: `git checkout -b feature/your-feature`
3. Make your changes and commit them: `git commit -am 'Add some feature'`
4. Push the branch to your fork: `git push origin feature/your-feature`
5. Submit a pull request.
## License
This project is licensed under the [MIT License](LICENSE).