Skip to content

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

License

Notifications You must be signed in to change notification settings

ELHARCHAOUI-SIFEDDINE/youtube-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

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

Setup Instructions 🛠️

  1. Clone the repository:

    git clone https://github.com/ELHARCHAOUI-SIFEDDINE/youtube-clone.git
  2. Navigate to the project directory:

    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 file for more details.

Contact 📧

For any inquiries or feedback, please contact [elharchaouisifeddine@gmail.com].

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published