https://github.com/elharchaoui-sifeddine/youtube-clone

Create a YouTube clone with Tailwind CSS and HTML, combining robust styling capabilities with semantic markup for a polished, responsive user interface. Tailwind's utility-first approach accelerates development while ensuring a modern design that adapts seamlessly to various screen sizes
https://github.com/elharchaoui-sifeddine/youtube-clone

youtube youtube-clone youtube-video

Last synced: 6 days ago
JSON representation

Create a YouTube clone with Tailwind CSS and HTML, combining robust styling capabilities with semantic markup for a polished, responsive user interface. Tailwind's utility-first approach accelerates development while ensuring a modern design that adapts seamlessly to various screen sizes

• Host: GitHub
• URL: https://github.com/elharchaoui-sifeddine/youtube-clone
• Owner: ELHARCHAOUI-SIFEDDINE
• License: mit
• Created: 2024-06-16T13:37:22.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-06-16T13:48:32.000Z (4 months ago)
• Last Synced: 2024-09-28T03:06:41.726Z (6 days ago)
• Topics: youtube, youtube-clone, youtube-video
• Language: HTML
• Homepage: https://youtube-clone-three-sandy.vercel.app
• Size: 3.72 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# YouTube Clone 🎥

Welcome to the YouTube Clone project, a web-based platform that mimics basic functionalities of YouTube. This project is built using HTML, CSS (Tailwind CSS), and JavaScript to create a responsive and interactive video-sharing experience.

## Demo 🕹️

Check out the live demo [here](https://youtube-clone-v7t2.vercel.app/).

## Features 🚀

- **Video Playback**: Watch videos seamlessly with basic playback controls.

- **Upload Videos**: Users can upload videos with titles, descriptions, and tags.

- **User Authentication**: Sign up and log in functionalities for users.

- **Like and Comment**: Interact with videos through likes and comments.

- **Responsive Design**: Optimized layout for various devices.

## Technologies Used 🛠️

- HTML

- CSS (Tailwind CSS)

- JavaScript

- (Add any additional technologies or libraries used)

## How to Use 📝

1. **Explore Videos**: Navigate through different videos on the homepage.

2. **Watch Videos**: Click on a video thumbnail to watch it.

3. **Upload Your Own Videos**: Sign in and use the upload feature to add new videos.

4. **Interact**: Like videos and leave comments on them.

## Files 🗂️

- **index.html**: Main structure of the YouTube clone interface.

- **styles.css**: Custom CSS for styling elements.

- **script.js**: JavaScript file for interactive functionalities.

## Code Overview 🧩

### HTML Structure

The HTML structure includes sections for video listings, video player, user authentication forms, and upload forms.

### JavaScript Logic

JavaScript handles video playback, user authentication, video uploads, likes, comments, and responsive layout adjustments.

## Screenshot 📸

![youtube screen](https://github.com/ELHARCHAOUI-SIFEDDINE/youtube-clone/assets/161469816/8abdbecc-00d8-45e2-b37c-69c7fae8089e)

## Setup Instructions 🛠️

1. **Clone the repository**:

    ```bash

    git clone https://github.com/ELHARCHAOUI-SIFEDDINE/youtube-clone.git

    ```

2. **Navigate to the project directory**:

    ```bash

    cd your-repo

    ```

3. **Open `index.html` in your preferred web browser** to start exploring the YouTube clone.

## Contributing 🤝

Contributions are welcome! If you have suggestions for improvements or new features, please feel free to submit a pull request.

## License 📜

This project is licensed under the MIT License. See the [LICENSE](https://github.com/ELHARCHAOUI-SIFEDDINE/youtube-clone.git/blob/main/LICENSE) file for more details.

## Contact 📧

For any inquiries or feedback, please contact [[email protected]].