Youtube clone

This project is a YouTube Clone built with Html Css and Javascript for front end and Django for backend .

Table of Contents

• Deployment
• Advanced Features
• Technologies Used
• Collaborators
• Installation
• Contributing
• License

Deployment

You can access the deployed version of this project:

• The frontend is deployed on Cloudflare : Live Project on Cloudflare
• The backend is deployed on Python anywhere

Advanced Features

"Each feature links to its detailed documentation."

• video grid responsive - The most complex responsive system for displaying long and short videos dynamically using JavaScript, adjusting layout based on screen size automatically.
• thumbnails lazy loading - Loads images and videos only when they enter the viewport, reducing initial load time and improving performance.

Other Features :

• Search system : Uses a 1-second debounce to reduce API calls and improve search efficiency.
• Topic bar : Displays categorized topics dynamically, allowing users to explore content based on their interests.
• Comment system : Allow user to add comments, enhancing engagement on videos.
• subscribe system : user can subscribe the channels and see them in subscription list.
• Appearance : Supports Dark and Light Mode which can be change in profile menu.
• Profile drop down menu
• Collapsible side bar
• Like and dislike

Technologies Used

• HTML, CSS, JavaScript (Frontend)
• Django (Backend)
• SQLite (Database)

Collaborators

This project was created by:

• Yassin teymoori - Frontend Developer & Team Leader
• Parham solhmirzaei - Frontend Developer
• Salar pourrezaieyan - Backend Developer

Installation

# Clone the repository
git clone 'https://github.com/ECode-Team/Youtube-Clone.git'

# Navigate to the project directory
cd Youtube-Clone

Contribute

How to Contribute

1. Fork the Repository: Click the Fork button on the repository page.
2. Clone Your Fork: Clone the forked repository to your local machine.

   git clone https://github.com/your-username/ECode-Team/Youtube-Clone.git

3. Create a Branch: Create a new branch for your feature or fix.

   git checkout -b feature-branch-name

4. Make Changes: Implement your changes and commit them.

   git commit -m "Add new feature or fix bug"

5. Push Changes: Push your changes to your fork.

   git push origin feature-branch-name

6. Create a Pull Request: Go to the original repository and open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.