Youtubeclone Frontend

screenshot of Youtubeclone Frontend
react
styled-components

Youtube Clone Frontend (React + Redux)

Overview

The YouTube Clone frontend built with the PERN stack showcases a comprehensive and engaging application that mimics the core functionalities of YouTube. Utilizing modern technologies such as React and Redux, this project encapsulates the essence of video sharing, allowing users to create an account, upload videos, and interact with content seamlessly. Even though the repository has been archived, the skills and features encapsulated in this app continue to provide exciting insights into building complex web applications.

This clone not only focuses on a clean user interface, but it also integrates various critical features that enhance user experience and engagement. From video uploads to community interactions like comments and subscriptions, the project includes a wide array of functionalities that are characteristic of a full-fledged video platform.

Features

  • Login/Signup: Simple authentication process allows users to create and manage their accounts with ease.
  • Upload Video: Users can upload their videos effortlessly, taking advantage of Cloudinary for hosting.
  • Search Functionality: Search for videos by channel name or by specific keywords in titles and descriptions to find content quickly.
  • Like/Dislike System: Engage with videos by liking or disliking content, allowing for community feedback.
  • Subscribe/Unsubscribe: Follow channels of interest to stay updated on new content from your favorite creators.
  • Commenting: Users can add comments on videos to engage in discussions and express their thoughts.
  • Profile Editing: Personalize profiles by editing avatars and cover images, making the user experience more customizable.
  • History Tracking: Automatically saves watch history for users to revisit their favorite videos effortlessly.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.