Welcome to PlayTube, a video streaming platform built using React, Tailwind CSS and YouTube's public API. With PlayTube, you can watch your favorite videos in a user-friendly interface, without any distractions. PlayTube offers seamless video playback, easy video discovery, and a simple user interface. Get started today and discover a world of video content at your fingertips!
⚡️ Browse videos using the left navigation bar video categories
⚡️ Search for videos using the search bar
⚡️ Play videos with full controls, just like YouTube
⚡️ Get suggested video lists during video playback
⚡️ Seamless redirection to the page upon internet connection resumption
⚡️ Fully responsive design to ensure compatibility with all devices
⚡️ PlayTube's Shimmer UI effect adds a subtle, eye-catching animation that lets users know when content is loading, enhancing the overall user experience and making it more visually appealing.
⚡️ PlayTube comes with a Light and Dark mode feature. This feature automatically matches the user's browser theme preference upon loading, with the option to toggle between modes at any time for a personalized viewing experience.
During your initial visit, you will be automatically directed to the homepage. There, you will find a curated collection of videos awaiting your exploration.
After clicking on a specific video, you will be redirected to the video's watch page. This page will include suggested videos as well.
Upon entering a search query into the search bar, you will be seamlessly directed to the dedicated search results page.
ReactJS Tailwind CSS React-redux react-router-dom antd icons react-player
To use this project, follow these steps:
- Clone the repository.
- Install the dependencies using
npm install. - Start the development server using
npm start. - Open your web browser and navigate to
http://localhost:3000.