/YT-clone

a Modern YouTube Clone Application in React JS with Material UI 5

Primary LanguageJavaScript

YouTube Clone

A modern YouTube clone application built with React, Material UI, and Rapid API. This project replicates core functionalities of YouTube, providing users with a seamless experience for browsing, searching, and playing videos.

Table of Contents

Features

  • Browse and search for videos
  • Play videos directly within the app
  • Responsive design with Material UI
  • Fetch data from YouTube using Rapid API

Demo

Check out the demo video: YouTube Clone Demo

Check out the live demo: YouTube Clone Demo

Installation

To get a local copy up and running, follow these steps:

  1. Clone the repository:
    git clone https://github.com/BenVilakazi/YT-clone
  2. Navigate to the project directory:
    cd yt-clone
  3. Install dependencies:
    npm install

Usage

  1. Create a .env file in the root directory and add your Rapid API key:
    REACT_APP_RAPID_API_KEY=your_rapid_api_key
  2. Start the development server:
    npm start
  3. Open your browser and navigate to http://localhost:3000.

Technologies Used

  • React: JavaScript library for building user interfaces
  • Material UI: React components for faster and easier web development
  • Rapid API: API marketplace for fetching YouTube data
  • Axios: Promise-based HTTP client for making API requests

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

Ben Vilakazi - xolanithegeenguba@gmail.com

Project Link: https://github.com/benvilakazi/yt-clone