The MERN Video Streaming frontend is a user-friendly interface built with React and the MUI library. It allows users to upload videos and images, view real-time progress of video processing, browse and play videos, and manage their own video content. The frontend is optimized with React.memo, useMemo, and useCallback for efficient rendering.
Check out Server Side Code: server
- Video and Image Upload: Users can upload videos and optionally, images to the server. The progress of video processing is displayed in real-time.
- Video Browsing and Playback: Users can browse and play videos, similar to YouTube. Each video displays its view count, duration, and upload time.
- User Interaction: Users can like and unlike videos, enhancing engagement and interaction.
- Tag System: A tag system is implemented to display related videos when a user plays a video.
- User Video Management: Users can manage their own videos, including updating and deleting.
- Performance Optimization: The frontend is optimized with React.memo, useMemo, and useCallback for efficient rendering.
-
Channel Subscription: Users can subscribe to their favorite channel that he/she likes.
-
Channel Subscription notification: Whenever the channel author publish a new video that particular subscribed user will get a notification about the new video.
To get started with the MERN Video Streaming frontend, you will need to have the following software installed on your local machine: Check server side code: server
To run the project locally, follow these steps:
git clone https://github.com/AwalHossain/Video_streaming_Client.git
npm install
This will start the frontend services.
npm run dev
MERN Video Streaming is an open-source project and we welcome contributions from
the community. If you would like to contribute to the project, please refer to
the CONTRIBUTING.md
file for guidelines.
MERN Video Streaming is licensed under the MIT License. Please see the LICENSE
file for more information.
This project is still under development. The README will be updated as the project progresses. Thank you for your interest and stay tuned for more updates!.
This readme file is not finished yet. I will update it as I go along with the project. Thanks.