Code Monkey home page Code Monkey logo

athena1601 / clone-it Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rayman-sodhi/clone-it

0.0 0.0 0.0 98.88 MB

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 .

Home Page: https://rayman-sodhi.github.io/Clone-IT/

License: MIT License

HTML 23.37% JavaScript 49.05% CSS 17.65% EJS 0.09% SCSS 9.83%

clone-it's Introduction

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 a scope to introduce new features in websites and thus creating an 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.
25. TripAdvisor TripAdvisor Clone HTML CSS TripAdvisor Official Web.
22. Tesla Tesla Clone CSS HTML JavaScript Tesla Official Web.
23. Mac OS Mac OS Clone HTML CSS Mac OS Official Web
24. Microsoft Teams Page Clone Microsoft Teams Page Clone HTML CSS Microsoft Teams Official Web
25. 2048 Clone 2048 Clone html 5 css 3javascript react 2048 Official Web
26. Zomato Clone Zomato Clone html 5 css 3javascript react Zomato Official Web
27. Windows 11 Clone Windows 11 Clone html 5 css 3javascript Windows 11 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 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 an 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)

Project Admin


Rayman Sodhi

Contributors

Thanks to all the people who contribute

Contributors



(back to top)

Show some ❤️ by starring this awesome repository!

clone-it's People

Contributors

gurjeetsinghvirdee avatar rayman-sodhi avatar mrjoy832 avatar girlwithasmile avatar kumar-laxmi avatar mahiiverse1 avatar ayush-sleeping avatar zugzwang03 avatar xzanatol avatar adbnemesis avatar ajoe12 avatar tusharjain365 avatar akshata-gunapache avatar ash-kodes avatar sulagna-dutta-roy avatar tanujkanti4441 avatar harshita214 avatar shrutiverma13 avatar jalauk avatar vaib215 avatar rachzy avatar stillabeginnerr avatar rhydham2809 avatar sanjanabharadwaj25 avatar anveshajain19 avatar sarandeepsingh17 avatar kheya19 avatar kowshik-noor avatar monarchgithub avatar le11evan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.