🎥 #VidTube – A YouTube-Like Video Streaming Platform
VidTube is a video streaming web application built using React.js and CSS, designed to mimic the core functionalities of YouTube. It provides an interactive and seamless experience where users can scroll through videos, select and watch them, and enjoy a clean, modern UI.
🚀 This project is currently in development and has not been deployed yet. However, the full source code is available on GitHub for exploration and further improvements.
📌 ##Features
🎬 Home Page – Scroll & Discover Displays a list of video thumbnails dynamically. Infinite scrolling experience for browsing videos effortlessly. Thumbnails load smoothly using React’s state management. 🔎 Search & Categories A search bar to find videos by title or category. Predefined categories like Music, Gaming, Tech, and Vlogs for filtering content. 📺 Video Player – Immersive Watching Experience Clicking a video opens a dedicated video player page. Built-in controls: Play, pause, fullscreen, volume adjustment. Autoplay feature for seamless content consumption. 💬 Like & Watch Later Users can like videos and save them to a "Watch Later" list. The UI updates dynamically using React state and hooks. 🌙 Dark Mode & Light Mode A toggle button allows users to switch between themes. 📱 Fully Responsive Design Works across desktop, tablet, and mobile screens using CSS media queries. 🛠️ Tech Stack
✅ Frontend: React.js (Component-Based UI) ✅ Styling: CSS (for responsive design) ✅ State Management: React Hooks (useState, useEffect) ✅ Routing: React Router (for navigation between pages) ✅ Data Handling: Static JSON (API integration planned)
🖥️ Project Structure
🚀 How to Run the Project Locally
1️⃣ Clone the Repository
git clone git@github.com:dostondevop/youtube-react.git cd youtube-react
2️⃣ Install Dependencies
npm install
3️⃣ Start the Development Server
npm start
The project will be available at http://localhost:5173/
🌟 Future Enhancements
✅ User Authentication (Sign in, Sign up) ✅ Video Upload & Management ✅ AI-Based Video Recommendations ✅ Comment & Like System ✅ Backend Integration with a Database
📌 Current Status
📌 Project is in development – currently focused on frontend. 📌 No backend yet, but will be added in future updates. 📌 Contributions & feedback are welcome! 📢 Contributors
Created by Doston.
Feel free to fork and improve!