Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/aspreet31/vidstream-react
- Owner: aspreet31
- Created: 2024-05-29T06:46:59.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-29T12:30:17.000Z (6 months ago)
- Last Synced: 2024-05-29T23:39:03.150Z (6 months ago)
- Language: JavaScript
- Homepage: https://vidstream-react.onrender.com
- Size: 205 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)