https://github.com/ankit-akash/video-sharing-website
A Videosharing website using ReactJS and Material UI
https://github.com/ankit-akash/video-sharing-website
css material-ui rapid-api reactjs
Last synced: 2 months ago
JSON representation
A Videosharing website using ReactJS and Material UI
- Host: GitHub
- URL: https://github.com/ankit-akash/video-sharing-website
- Owner: ankit-akash
- Created: 2023-10-08T09:06:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-30T17:06:52.000Z (over 2 years ago)
- Last Synced: 2023-10-31T17:38:59.602Z (over 2 years ago)
- Topics: css, material-ui, rapid-api, reactjs
- Language: JavaScript
- Homepage:
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
npm install
3. Create a .env file in the project root directory to store API keys, for example:
```env
REACT_APP_RAPID_API_KEY=your-rapid-api-key
4. Start the development server:
```bash
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
