Skip to content

Latest commit

 

History

History
97 lines (81 loc) · 3.14 KB

README.md

File metadata and controls

97 lines (81 loc) · 3.14 KB
Raw

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 🌐

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.