Skip to content

sika-007/youtube-clone

Repository files navigation

Welcome to my YouTube-esque Application

This is a frontend-heavy application created to mimic YouTube. It allows users to browse and watch videos, as well as search for videos based on keywords.

Getting Started

Prequisites

To run this application, you will need the following software installed on your system:

  • Node.js (version 14 or higher)
  • npm (version 6 or higher)

Installation

  • Clone the repository to your local machine.
  • Navigate to the project directory in your terminal.
  • Run "npm install" to install the required dependencies.
  • Run "npm run dev" to start the development server.
  • Open your web browser and navigate to http://localhost:5173 to view the application.

You can view the live site here

Mobile

Usage and Features

  • Upon loading the application, users will be presented with a home page that displays a list of videos.
  • Users can browse videos by scrolling through the list, or they can use the search bar at the top of the page to search for videos and channels based on keywords.
  • When a user clicks on a video, they will be taken to a video player page that displays the video and its details, such as the video title, description, time since upload, number of views and likes, and a list of related videos.
  • When a user clicks on a channel's name or thumbnail, they will be taken to a channel page that displays some info about the channel as well as some videos from that channel.
  • The user, through the search bar has access to the entire catalog of YouTube videos.

Technologies Used

This application was built using the following technologies, dependencies and API:

  • React
  • React Router DOM (for navigation between pages)
  • Axios (to get data from the various API endpoints)
  • Material-UI (for quick and efficient styling and customization of react components)
  • React Player (for rendering the videos)

Desktop

Contributing

Contributions to this project are very much welcome. To contribute, please follow these steps:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Make your changes and commit them with descriptive commit messages.
  • Push your changes to your forked repository.
  • Submit a pull request to the original repository with a description of your changes.

Thanks for Reading. I'm sure you enjoyed using this application!!!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published