Skip to content

Latest commit

 

History

History
77 lines (52 loc) · 2.41 KB

README.md

File metadata and controls

77 lines (52 loc) · 2.41 KB

YouTube Clone

This project is a fully functional YouTube clone built using React.js and Tailwind CSS. It offers a rich set of features, closely mirroring the capabilities of the original YouTube platform. This is my most extensive project to date, showcasing a deep understanding of modern web development practices and design patterns.

Preview

Features

  • Video Playback: Stream videos seamlessly with a custom-built video player.
  • Search Functionality: Efficiently search for videos using keywords.
  • Favorites: Add videos to your favorites list for easy access later.
  • Comments: Engage with video content through a fully implemented commenting system.
  • Responsive Design: Experience a smooth and responsive UI across all devices.
  • Tailwind CSS: Stylish and responsive design with utility-first CSS framework.
  • React.js: Fast and interactive user interfaces with component-based architecture.

Preview

Tech Stack

  • Frontend: React.js, Tailwind CSS
  • State Management: Context API
  • Routing: React Router
  • Video Player: HTML5 Video API

Preview

Installation

To get a local copy up and running, follow these steps:

  1. Clone the repository:
    git clone https://github.com/your-username/youtube-clone.git
  2. Navigate to the project directory:
    cd youtube-clone
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm start

Usage

After following the installation steps, the app will be running on http://localhost:3000. Open your browser and navigate to this address to start using the application.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact


Feel free to modify this description to better fit your needs and personal preferences!