A Modern VideoSharing Website in React JS with Material UI

This is an online video sharing website similar to YouTube, built with React, Material-UI, and Rapid API for video content. Users can search for videos, select categories, and enjoy video content hosted on the platform.

Features

• Video Search: Users can search for videos using keywords. Rapid API fetches relevant video content for users.

• Video Categories: Users can choose from a selection of categories to explore different video topics, similar to YouTube's categories.

• Video Playback: Users can watch videos directly on the website.

Technologies Used

• Frontend:

  • React
  • Material-UI for styling
  • Axios for making API requests

• Backend:

  • Rapid API for video content
  • Firebase for deployment and hosting

Getting Started

1. Clone this repository to your local machine.

2. Install project dependencies by running:

   npm install
   

3. Create a .env file in the project root directory to store API keys, for example:

   REACT_APP_RAPID_API_KEY=your-rapid-api-key
   

4. Start the development server:

   npm start
   

5. Visit http://localhost:3000 in your web browser.

Usage

1. Enter a search query in the search bar to find videos on your desired topic.

2. Use the category section to explore videos by predefined categories.

3. Click on a video to watch it.

Deployment

This project is deployed on Firebase. To deploy your own instance, you can follow these steps:

Set up a Firebase project and configure it for web hosting.

Build and Deploy the project:

• npm run build
• firebase deploy

Home Page