Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aspreet31/vidstream-react

Build and Deploy a Modern VidStream Application for Searching, Watching, and Sharing Videos in React.js with Material UI 5.
https://github.com/aspreet31/vidstream-react

Last synced: 10 days ago
JSON representation

Build and Deploy a Modern VidStream Application for Searching, Watching, and Sharing Videos in React.js with Material UI 5.

Awesome Lists containing this project

README

        

# VidStream React.js Application

This repository holds the code for **VidStream**, a user-friendly video streaming application built with **ReactJS** and **Material UI.**

## Key Features:

### Watch Videos
### Search Videos
### Share Videos
### Browse Categories

## Getting Started:

### Prerequisites:

Node.js and npm (or yarn): Ensure you have Node.js and npm (or yarn) installed on your system. You can download them from **https://nodejs.org/en.**

### Cloning the Repository:
**Use Git to clone this repository:**

git clone https://github.com/aspreet31/vidStream.git

**Installation:**

Navigate to the project directory:

cd vidStream

**Install project dependencies:**
npm install (or yarn install)

**Running the Application:**

Start the development server:
npm start (or yarn start)

The application will typically open in your default web browser at **http://localhost:3000** (or a similar port).

## ScreenShot :

### Home Page

![image](https://github.com/aspreet31/vidStream-react/assets/103019348/eccfdde1-d5d3-40a3-a0cd-e023ad3131ff)

### SearchFeed

![image](https://github.com/aspreet31/vidStream-react/assets/103019348/bf049dfe-fc2a-476d-9512-cd7cc4b9d92c)

### Video Detail

![image](https://github.com/aspreet31/vidStream-react/assets/103019348/8e394a44-be34-4871-9920-dbb2dc6bed9a)

### Channel Detail

![image](https://github.com/aspreet31/vidStream-react/assets/103019348/be37a7a9-a7d9-4033-b753-7e63d3b17161)