A full-stack Youtube-Clone-Frontend built with ReactJS that allows users to browse, search, and view videos, mimicking the core features of YouTube.
- Video Search: Search for videos based on keywords.
- Video Playback: Play videos with a custom video player.
- Related Videos: Display a list of related videos.
- Responsive Design: Adapts to different screen sizes for a seamless user experience.
- Dark Mode: Option to switch between light and dark mode.
- Comments Section: Add and view comments for each video.
- ReactJS: A JavaScript library for building user interfaces.
- React Router: For navigation and routing between pages.
- Axios: For making API requests.
- CSS Modules: To scope CSS by component.
- React Player: For embedding video players.
The backend server is hosted in a separate repository. You can find it here: Youtube-Clone-Frontend Backend
- Node.js installed on your machine.
- Clone the repository:
git clone https://github.com/yourusername/Youtube-Clone-Frontend.git
- Navigate to the project directory:
cd Youtube-Clone-Frontend - Install the dependencies:
npm install
- Create a .env file in the root directory:
touch .env