Skip to content

Latest commit

 

History

History
71 lines (47 loc) · 2.42 KB

README.md

File metadata and controls

71 lines (47 loc) · 2.42 KB

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://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.