StreamVista - YouTube Clone Web App🎬

StreamVista is a feature-rich YouTube clone web application built using the MERN stack. The application is deployed on Render, leveraging static file serving for optimal performance.

Stream Live 🌐

• Demo email id: [email protected]
• Demo password: 1234

Key Features 🔍

• Feed/Home Page: Discover a dynamic feed with curated video listings.
• Infinite Scrolling: Enjoy a seamless infinite scrolling experience on the feed/home page.
• Video Filtering: Easily filter videos by category for a personalized viewing experience.
• Video Details: Dive into video details, watch videos, and explore similar video suggestions.
• User Interaction: Authenticated users can like videos, comment, and explore real-time comments.
• User Authentication: Create new user accounts, log in, and reset passwords securely.
• Channel Subscription: Subscribe to channels and view a list of subscribed channels.
• Watch Later List: Add videos to a watchlist for future viewing.
• Library Page: Access your watch later list and liked videos for quick reference.
• SearchFeed Page: Search for channels and videos with dynamic results.
• Channel Creation: Create new channels with logos and detailed information.
• Channel Details: Explore channel videos and channel information.
• Dashboard: Dedicated dashboard for video management, analytics, and more.
• Mobile Responsiveness: Responsive design for optimal viewing on mobile screens.

To-Dos 📝

• Dashboard UI for mobiles
• Video Analytics in Dashboard
• Channel Playlists

Frontend Technologies & Packages ⚛️

• React
• React Spinners
• React Hot Toast
• Emoji Picker React
• Moment
• React Player

Additional Components 🛠️

• Multiple Modals: User Menu, Upload, Create Channel, Sidebar
• Spinner Integration for Data Loading
• State Management: React Redux & Redux Toolkit
• Best Coding Practices & Well-documented Code

Deployment 🚀

The application is deployed on Render, providing robust static file serving and optimal user experience.

Usage 🚦

Follow these steps to run the application locally:

Server Setup⚙️

Clone the repository

git clone https://github.com/b0n21en5/StreamVista.git

Navigate to the server directory

cd server

Install server dependencies

npm install

• Configure environment variables
• Run the server.

npm run server

Frontend Setup⚙️

Navigate to the frontend directory

cd frontend

Install frontend dependencies

npm install

Run the client

npm run dev

Open in browser: http://localhost:5173

Contribution 🤝

Contributions are welcome! Feel free to fork the repository, make changes, and submit a pull request.

License 📄

This project is licensed under the MIT License.