Skip to content

The idea behind this project is to learn how different websites are made by directly cloning them using the same layout and design . New contributors can ad more websites to the list and suggest new features in the existing ones .Also there is scope to introduce new features in websites and thus creating a upgraded version of their clone .

License

Notifications You must be signed in to change notification settings

rahulthakur19/Clone-IT

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub contributors GitHub Closed issues GitHub PR Open GitHub PR closed GitHub language count GitHub top language GitHub last commit GitHub Maintained Open Source


WE SEE IT 👀 ... WE CLONE IT 🚀

Here you can find clones of all famous websites 💻

Open Source Guides »
View Demo · Report Bug · Request Feature

Table of Contents 🧾:


About the Clone IT

The idea behind this project is to learn how different websites are made by directly cloning them using the same layout and design . New contributors can add more websites clone to the list and suggest new features in the existing ones. Also there is scope to introduce new features in websites and thus creating a upgraded version of their clones.


Available Clones:

Serial No. Websites Clone-Output Used Official-Website
1. KFC KFC Clone HTML CSS JavaScript KFC Official Web.
2. Flipkart Flipkart Clone HTML CSS JavaScript Flipkart Official Web.
3. LinkedIn LinkedIn Clone HTML CSS JavaScript LinkedIn Official Web.
4. Zoom Zoom Clone HTML CSS JavaScript Zoom Official Web.
5. Hulu Hulu Clone HTML CSS JavaScript Hulu Official Web.
6. Spotify Spotify Clone HTML CSS JavaScript Spotify Official Web.
7. Netflix Netflix Clone HTML CSS JavaScript Netflix Official Web.
8. Linktree Linktree Clone HTML CSS Linktree Official Web.
9. Facebook Facebook Clone HTML Tailwind CSS Facebook Official Web.
10. Microsoft Microsoft Clone HTML Microsoft Official Web.
11. Google Google Search Engine Clone html 5 css 3javascript react react-router express Google Official Web.
12. YouTube YouTube Clone HTML CSS JavaScript YouTube Official Web.
13. SLACK Slack Clone HTML Slack Official Web.
14. Google Keep Notes Google Keep Notes Clone html 5 css 3javascript react Google Keep Notes Official Web.
15. APPLE Apple Clone HTMLCSS Apple India Official Web.
16. Starbucks Starbucks Clone HTML CSS JavaScript Starbucks Official Web.
17. GitHub GitHub HomePage Clone HTML CSS GitHub Official Web.
18. Discord Discord App Clone HTML CSS Discord Official Web.
19. Quora Quora Clone HTML CSS Quora Official Web.
20. Inshorts Inshorts Clone html 5 css 3javascript react Inshorts Official Web.
21. Unsplash Unsplash Clone html 5 css 3javascript Unsplash Official Web.
22. Twitter Twitter Clone html 5 css 3javascript react Twitter Official Web.
23. Tesla Tesla Clone CSS HTML JavaScript Tesla Official Web.
24. Rockstar Games Rockstar Games Clone html 5 css 3javascript react Rockstar Games Official Web.


(back to top)

Open Source programs this repo has been part of



(back to top)

Contribution Guidelines

Never made an open source contribution before? Wondering how contributions work in the in our project? Here's a quick rundown!

fork this repository

Fork this repository

  • Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.

Clone the repository

clone this repository

  • Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.

Open a terminal and run the following git command:

git clone "url you just copied"

where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project).

clone this repository

For example:

git clone https://github.com/name/Clone-IT.git

where name is your GitHub username. Here you're copying the contents of the Clone-IT repository on GitHub to your computer.

Navigate to the project directory

  • After cloning the project in your computer, navigate to the project file using the command below.
cd clone-it

Add a reference(remote) to the original repository

git remote add upstream https://github.com/Rayman-Sodhi/Clone-IT.git 
  • Check the remotes for this repository.
git remote -v
  • Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).
git pull upstream main

Create a new branch

git checkout -b <your_branch_name>
  • Perfom your desired changes to the code base.

  • Track your changes:heavy_check_mark: .

git add . 
  • Commit your changes .
git commit -m "Relevant message"
  • Push the committed changes in your feature branch to your remote repo.
git push -u origin <your_branch_name>
  • To create a pull request, click on compare and pull requests.

  • Add appropriate title and description to your pull request explaining your changes and efforts done.

  • Click on Create Pull Request.

  • Congrats ❗ You have made a PR to the Clone-IT 💥 . Wait for your submission to be accepted and your PR to be merged.

  • Wait for the pull request to be reviewed by a maintainer, Make changes to the pull request if the reviewing maintainer recommends them.

  • Celebrate 🥳 your success after your pull request is merged!



(back to top)

Contributors

Thanks to all the people who contribute

Contributors



(back to top)

Show some ❤️ by starring this awesome repository!

About

The idea behind this project is to learn how different websites are made by directly cloning them using the same layout and design . New contributors can ad more websites to the list and suggest new features in the existing ones .Also there is scope to introduce new features in websites and thus creating a upgraded version of their clone .

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 43.9%
  • HTML 22.9%
  • CSS 19.8%
  • SCSS 13.3%
  • EJS 0.1%