Skip to content

This project is developed using React & TailwindCss. In this project Youtube's free API is used to show real data. This project is in its developing phase and I will introduce more features soon. P.S : for best view use desktop to access the project.

Notifications You must be signed in to change notification settings

utpalkumar567/youtube-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

YouTube Clone

This project is a frontend clone of YouTube built using ReactJS, Tailwind CSS, React Router DOM, and Redux Toolkit. It aims to provide a familiar user interface similar to YouTube, allowing users to browse videos, search for content, and view video details.

Features

  • Video browsing: Users can browse through a list of videos displayed on the home page.
  • Search functionality: The application enables users to search for videos based on keywords.
  • Video playback: Users can click on a video thumbnail to view the video playback.
  • Scalable architecture: Redux Toolkit is utilized to manage application state, ensuring scalability and maintainability as the project grows.

Technologies Used

  • ReactJS: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
  • React Router DOM: Declarative routing for React applications, enabling navigation between different components.
  • Redux Toolkit: A package that provides utilities for simplifying Redux development, including creating slices, managing state, and writing immutable update logic.

Installation

  1. Clone the repository:
git clone https://github.com/utpalkumar567/youtube-clone.git
  1. Navigate to the project directory:
cd youtube-clone
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your browser and visit http:https://localhost:3000 to view the application.

Usage

  • Upon launching the application, you will be presented with the home page featuring a list of videos.
  • Use the search bar to search for specific videos based on keywords.
  • Click on a video thumbnail to view the video playback.
  • Navigate through different pages using the navigation links.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/improvement).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/improvement).
  6. Create a new Pull Request.

License

This project is licensed under the MIT License.

Acknowledgments

Special thanks to the creators of ReactJS, Tailwind CSS, React Router DOM, and Redux Toolkit for providing the tools necessary to build this project.

About

This project is developed using React & TailwindCss. In this project Youtube's free API is used to show real data. This project is in its developing phase and I will introduce more features soon. P.S : for best view use desktop to access the project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published